[wp-meta] [Making WordPress.org] #3046: WordPress.org/about page outdated

[Making WordPress.org]

#3046: WordPress.org/about page outdated
------------------------------------------+-----------------------
 Reporter:  melchoyce                     |       Owner:  dd32
     Type:  task                          |      Status:  accepted
 Priority:  high                          |   Milestone:
Component:  General                       |  Resolution:
 Keywords:  neso ui-feedback ux-feedback  |
------------------------------------------+-----------------------

Comment (by rianrietveld):

 Hey, here is an quick a11y review of the new about page.
 First of all, it's beautiful!

 I only address the specific page issues, not the theme issues (like e.g.
 the double H1, colour contrast of the submenu and placing of the skip
 link). Those will be addressed in a full a11y review of the site later.

 I found the following issues

 '''Heading structure'''
 Don't skip a heading level, so the heading structure stays semantic and
 meaningful

 On https://test.wordpress.org/about/
 The H4 headings should be H3s
 For: The Technology; The Details and The People, The 1st Freedom, The 2nd
 Freedom, The 3rd Freedom, The 4th Freedom.

 In the sub pages of /about/ most H3 headings should be replaces by an H2,
 except on about/security/, there the headings in the content are perfect.

 '''Colour contrast'''
 The text "The freedom to build. The freedom to change. The freedom to
 share." has a too low contrast.
 CSS text: hsla(0,0%,100%,.8);
 Translates to: #cce3ee
 Background: #0073aa
 Font size: 22.5px
 Colour contrast is 3.92:1
 Quick fix: If you make the text 24px it will comply to WCAG 2 AA.

 For more info, see the Accessibility handbook:
 Headings in the content: https://make.wordpress.org/accessibility/handbook
 /best-practices/content/using-headings-in-content/
 Use of color: https://make.wordpress.org/accessibility/handbook/best-
 practices/design/use-of-color/

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/3046#comment:104>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org