View Issue Details

This bug affects 1 person(s).
 6
IDProjectCategoryView StatusLast Update
19977Bug reportsAccessibilitypublic2025-02-26 15:56
Reportertassoman Assigned To 
PrioritynoneSeverityminor 
Status newResolutionopen 
Product Version6.6.x 
Summary19977: Vanilla Theme: Missing Success criterion 2.41 Bypass Blocks in Guideline 2.4 Navigable
Description

Vanilla theme is unable to pass minimum accessibility criterion for "Bypass Blocks" in Navigable guideline

Steps To Reproduce

Steps to reproduce

  • install LS 6.x
  • create a survey
  • do keyboard tabbing navigation, or use an OS a11y assistant to read the page
  • inspect html source code

Expected result

To be compliant with European Public Sector websites, Vanilla theme must pass all WCAG 2.2 AA accessibility criterion
Sufficient techniques MUST pass, other techniques MAY pass.

https://www.w3.org/WAI/WCAG22/quickref/?versions=2.0#qr-navigation-mechanisms-skip

Actual result

OS Assistant and navigation stumble upon header's navigation menu, before reading page content.

Tagsa11y, accessibility, design, participants, survey, theme, vanilla
Bug heat6
Complete LimeSurvey version number (& build)6.10.x
I will donate to the project if issue is resolvedNo
BrowserAny
Database type & versionAny
Server OS (if known)Any
Webserver software & version (if known)Any
PHP Version8.2

Users monitoring this issue

tassoman

Activities

DenisChenu

DenisChenu

2025-02-25 16:49

developer   ~82140

https://gitlab.com/SondagesPro/SurveyThemes/skelvanilla_ls6/-/blob/main/views/subviews/navigation/shortcuts_links.twig?ref_type=heads

DenisChenu

DenisChenu

2025-02-25 16:50

developer   ~82141

But better text can be shown : load/save : content ? From ?

tassoman

tassoman

2025-02-26 13:30

reporter   ~82145

Your link refers to a custom solution implementing G1 technique
https://www.w3.org/WAI/WCAG22/Techniques/general/G1.html

I would say can be sufficient for passing the requirement 2.4.1.
Although G123 and G124 are useful techniques.

The only "extensible" menu is the "question list" / "page list" menu. Other menus can also be deactivated.
So, I guess in this relatively easy scenario, the G1 technique can fit as solution.

Thank you for caring.

DenisChenu

DenisChenu

2025-02-26 14:05

developer   ~82149

Oh you're right : no menu, no shirtcut link ;)

I'm unsure on the good landmark : we need it too. But sometime : no footer

DenisChenu

DenisChenu

2025-02-26 14:06

developer   ~82150

About https://www.w3.org/WAI/WCAG22/Techniques/general/G124.html

We really have a main content. You mean someting like adding a link at top to each question ?
Unsure it's a good solutuion here

tassoman

tassoman

2025-02-26 15:48

reporter   ~82151

Screen readers reads from top of page to end of page.
Criterion 2.4.1 is needed to avoid not useful repetitions before reaching the wanted content on each page loading.

Usually pages have: main content, header, navigation menu, sidebar, footer. In this situation, technique G124 is useful to go straight to content, avoiding boring lists.

In a "pages of questions" situation, but in general, the obstacle between top of page (<body>) and the main content (<h1>) is the header content, and header navigation menu. So that make me think G124 is useful to bring impaired user to each parts of page (header, main, footer). But G1 is also ok to skip the boring navigation menu and go straight to main content.

I guess G1 is sufficient implementation for Vanilla simple theme. (don't know for fruity theme, didn't tested).

LS Administrators are able to write custom child themes based on core Vanilla, so I guess is a good choice to preset the theme for passing 2.4.1 requirement also in complex situation with footer or sidebars. Must be said footer.twig is an explicit and supported template.

I guess the better choice for themers is to have a G124 ready made solution. For example:

  • Skip to questions
  • Skip to navigation
  • Skip to footer
DenisChenu

DenisChenu

2025-02-26 15:56

developer   ~82152

Skip to question + Skip to navigation can be interesting.
Unsure for skip to footer (since we don't have footer in most case)

Issue History

Date Modified Username Field Change
2025-02-25 15:02 tassoman New Issue
2025-02-25 15:04 tassoman Tag Attached: accessibility
2025-02-25 15:04 tassoman Tag Attached: a11y
2025-02-25 15:04 tassoman Tag Attached: design
2025-02-25 15:04 tassoman Tag Attached: vanilla
2025-02-25 15:04 tassoman Tag Attached: theme
2025-02-25 15:04 tassoman Tag Attached: survey
2025-02-25 15:04 tassoman Tag Attached: participants
2025-02-25 15:25 tassoman Issue Monitored: tassoman
2025-02-25 15:25 tassoman Bug heat 0 => 2
2025-02-25 16:49 DenisChenu Note Added: 82140
2025-02-25 16:49 DenisChenu Bug heat 2 => 4
2025-02-25 16:50 DenisChenu Note Added: 82141
2025-02-26 13:30 tassoman Note Added: 82145
2025-02-26 13:30 tassoman Bug heat 4 => 6
2025-02-26 14:05 DenisChenu Note Added: 82149
2025-02-26 14:06 DenisChenu Note Added: 82150
2025-02-26 15:48 tassoman Note Added: 82151
2025-02-26 15:56 DenisChenu Note Added: 82152