View Issue Details

IDProjectCategoryView StatusLast Update
10894Bug reportsTheme editorpublic2016-11-02 00:21
ReporterDenisChenu Assigned ToLouisGac 
PriorityurgentSeverityminor 
Status closedResolutionwon't fix 
Product Version2.50.x 
Summary10894: Bad heading and other semantic and accessibility issue + bad HTML5 structure
Description

Survey poage show h4 without h1/h2/h3
Survey page show nav without header

Steps To Reproduce

Install http://chrispederick.com/work/web-developer/
And see headingmap

Additional Information

It's a template issue not a core issue if i don't make error.

But in general :

  • If you don't use section/article/etc ... don't use nav (or other) : do a clean HTML5 semantic or don't use semantic
  • h4 must have an h3 must have an h2 must have an h1

See
https://www.w3.org/wiki/HTML/Usage/Headings/Missing
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
http://accessibility.psu.edu/headingshtml/

TagsNo tags attached.
Complete LimeSurvey version number (& build)160408
I will donate to the project if issue is resolvedNo
Browsernot relevant
Database & DB-Versionnot relevant
Server OS (if known)not relevant
Webserver software & version (if known)not relevant
PHP Versionnot relevant

Activities

DenisChenu

DenisChenu

2016-04-08 15:47

developer   ~37148

And to be reminded : a lot of user put table / div etc ... in question text (or help) sometimes in answer too.

DenisChenu

DenisChenu

2016-05-09 16:42

developer   ~38268

Still error with h3 in group title : template specific

Have error on index : core issue

LouisGac

LouisGac

2016-05-11 16:50

developer   ~38368

nav is used by default by bootstrap

LouisGac

LouisGac

2016-05-11 17:02

developer   ~38371

about sections :
Heading content: Text-only labels for sections of content. In the absence of sectioning content tags, the presence of a heading tag will still be interpreted as the beginning of a new content section..

LouisGac

LouisGac

2016-05-11 17:05

developer   ~38372

maybe we could use "sections" tag for the groups, and article tags for questions?

DenisChenu

DenisChenu

2016-05-11 17:41

developer   ~38379

If you use nav : yes
If not : no

Fo the h3 : it's a template issue, h4 is OK now.

LouisGac

LouisGac

2016-06-08 12:09

developer   ~39323

Last edited: 2016-06-08 12:09

View 2 revisions

I just checked google form. They are using div for absolutely everything (include for labels, titles, etc)...
Once upon a time, Google were the most exigent for semantic and accessibility....

DenisChenu

DenisChenu

2016-06-08 15:18

developer   ~39329

They don't use aria-labelled-by ?

LouisGac

LouisGac

2016-06-09 10:06

developer   ~39336

I didn't seen some for now.
They rather use "role" for everything.

DenisChenu

DenisChenu

2016-06-09 10:11

developer   ~39337

role do the trick too for some part. Can you provide a google form example ?

DenisChenu

DenisChenu

2016-07-22 13:27

developer  

DenisChenu

DenisChenu

2016-07-22 13:28

developer  

DenisChenu

DenisChenu

2016-07-22 13:28

developer  

DenisChenu

DenisChenu

2016-07-22 13:29

developer   ~40023

Last edited: 2016-07-22 13:32

View 3 revisions

Updated picture from the last GIT version.

1st : we don't have an h1 in page : i think we must add it everywhere (template issue)
2nd : group title is in h3 : This must be fixed (etmplate issue)
3rd: index add an h2 : core issue : we are unsure we have an h1
4th : the last h4 is from boostrap modal. We are unsure we have an h3.
5th : nav without head (nav is an HTML5 element, and it's the only html5 element here).

DenisChenu

DenisChenu

2016-07-22 13:32

developer  

ollehar

ollehar

2016-11-02 00:21

administrator   ~41668

See answer_html branch.

Issue History

Date Modified Username Field Change
2016-04-08 15:45 DenisChenu New Issue
2016-04-08 15:45 DenisChenu File Added: Capture du 2016-04-08 15-42-44.png
2016-04-08 15:45 DenisChenu File Added: Capture du 2016-04-08 15-41-29.png
2016-04-08 15:46 DenisChenu Additional Information Updated View Revisions
2016-04-08 15:47 DenisChenu Note Added: 37148
2016-05-09 16:42 DenisChenu Note Added: 38268
2016-05-11 16:50 LouisGac Note Added: 38368
2016-05-11 17:02 LouisGac Note Added: 38371
2016-05-11 17:05 LouisGac Note Added: 38372
2016-05-11 17:41 DenisChenu Note Added: 38379
2016-06-08 12:02 LouisGac Sticky Issue No => Yes
2016-06-08 12:09 LouisGac Note Added: 39323
2016-06-08 12:09 LouisGac Note Edited: 39323 View Revisions
2016-06-08 15:18 DenisChenu Note Added: 39329
2016-06-09 10:06 LouisGac Note Added: 39336
2016-06-09 10:11 DenisChenu Note Added: 39337
2016-06-09 11:04 LouisGac Sticky Issue Yes => No
2016-07-22 12:09 c_schmitz Assigned To => LouisGac
2016-07-22 12:09 c_schmitz Status new => feedback
2016-07-22 12:09 c_schmitz Priority none => urgent
2016-07-22 13:27 DenisChenu File Deleted: Capture du 2016-04-08 15-42-44.png
2016-07-22 13:27 DenisChenu File Deleted: Capture du 2016-04-08 15-41-29.png
2016-07-22 13:27 DenisChenu File Added: Capture du 2016-07-22 13-26-24.png
2016-07-22 13:28 DenisChenu File Added: Capture du 2016-07-22 13-27-22.png
2016-07-22 13:28 DenisChenu File Added: Capture du 2016-07-22 13-27-33.png
2016-07-22 13:29 DenisChenu Note Added: 40023
2016-07-22 13:29 DenisChenu Status feedback => assigned
2016-07-22 13:32 DenisChenu Note Edited: 40023 View Revisions
2016-07-22 13:32 DenisChenu File Added: Capture du 2016-07-22 13-31-41.png
2016-07-22 13:32 DenisChenu Note Edited: 40023 View Revisions
2016-11-02 00:21 ollehar Status assigned => closed
2016-11-02 00:21 ollehar Resolution open => won't fix
2016-11-02 00:21 ollehar Note Added: 41668