Re: Having h5 after h2 is a violation as per 1.3.1 info & relationships. - was: WCAG violations or accessibility enhancements

>There are plently of examples of news type pages that may have a bold
looking headline heading tagged >as an <h2> followed in the reading order
by a very small heading, such as  "Other Author Articles" tagged >as an
H5.

I suggest this is using the default visual styles of heading elements
instead of thinking about what the headings semantics mean. There is no
definitive relationship between heading style and level.

There is no good reason why these could not be marked up as h2 then h3
styled as desired.

--

Regards

SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>

On 1 March 2018 at 18:30, Phill Jenkins <pjenkins@us.ibm.com> wrote:

> Why is
>         Having h5 after h2
> a violation of 1.3.1?
>         *1.3.1*
> <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#content-structure-separation-programmatic>* Info
> and Relationships:* Information, structure
> <https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html#structuredef>,
> and relationships
> <https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html#relationshipsdef> conveyed
> through presentation
> <https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html#presentationdef>can
> be programmatically determined
> <https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html#programmaticallydetermineddef> or
> are available in text. (Level A)
>
> 1.3.1 doesn't require perfect nesting order - just that it can be
> programmatically determined.
>
> There are plently of examples of news type pages that may have a bold
> looking headline heading tagged as an <h2> followed in the reading order by
> a very small heading, such as  "Other Author Articles" tagged as an H5.
> What would be wrong with that per the Success Criteria?
>
> The Understanding 1.3.3
> <https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html>
> says: "The intent of this Success Criterion is to ensure that information
> and relationships that are implied by visual or auditory formatting are
> preserved when the presentation format changes. For example, the
> presentation format changes when the content is read by a screen reader . .
> . Sighted users perceive structure and relationships through various visual
> cues — headings are often in a larger, bold font separated from paragraphs
> by blank lines; . .
> under *Additional Techniques (Advisory) for 1.3.1*
> G141: Organizing a page using headings
> <http://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G141>
> https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G141which says: "To
> facilitate navigation and understanding of overall document structure,
> authors should use headings that are properly nested (e.g., h1 followed by
> h2, h2 followed by h2 or h3, h3 followed by h3 or h4, etc.).
> Tests
> *Procedure*
>
> 2.        Check that a heading for each section exists.
>
> *Expected Results*
>
>    - Check #2 is true.
>
> Note that
> a.) G141 is an advisory techniue,
> b.) G141 does not say "shall" or "must",
> c.) G141 does not fail if the heading are not nested,
> d.) G141 passes if each section has a heading,
> e.) advisory techniques are best practices, not examples of failures to
> meet a Success Criteria,
> f.) Common Failures for SC 1.3.1 does not list an example with incorrectly
> nested headings .
>
>
> On 14-Feb-2018, at 11:41 AM, Ramakrishnan Subramanian <
> ram.eict2013@gmail.com> wrote:
>
> Heading order:
> Whether the following heading level is considered an accessibility
> violation? if yes, which criteria does this violate?
> The first heading level in the page is <h2> sample text </h2>
> The next heading level is <h5> sample text </h5>
> ___________
> Regards,
> Phill Jenkins
>
>
>
>
> On 14-Feb-2018, at 11:41 AM, Ramakrishnan Subramanian <
> ram.eict2013@gmail.com> wrote:
>
> Dear Members,
> I hope it is appropriate to post this query here.
> I kindly request you to help me understand few of the accessibility
> related issues mentioned below.
> Whether these are treated as accessibility enhancement which would be
> helpful for the end user. Or accessibility violation.
> Heading order:
> Whether the following heading level is considered an accessibility
> violation? if yes, which criteria does this violate?
> The first heading level in the page is <h2> sample text </h2>
> The next heading level is <h5> sample text </h5>
>
> Landmark regions:
> When there are different content given inside two different aria
> region, with same aria label. Under which criteria this fails?
> <div role=”region” aria-label=”apple”>
> Apple related content goes here
> </div>
> <div role=”region” aria-label=”apple”>
> Bannana related content goes here
> </div>
> 3. Links which open in a new window:
> When there is no indication for the screen reader users for the link
> which opens in a new window, is that considered an accessibility
> violation? If yes, which criteria does this issue violate?
>
>
> --
>
> Thanks and Regards
> Ramakrishnan
>
>
>
>
>