Accessibility improvements for webhelp

Post by **shudson310** » Mon Oct 03, 2016 6:09 pm

Just a suggestion, but a fairly easy addition to the webhelp templates to improve accessibility. This is based on the information at: http://diveintoaccessibility.info/day_1 ... links.html

In the wt_index.html and wt_topic.html templates, after:

Code: Select all

<body class="wh_main_page">

or

Code: Select all

<body class="wh_topic_page">

Add:

Code: Select all

<a class="skiplink" href="#startcontent">Skip over navigation</a>

After:

Code: Select all

<div class="wh_content_area">

or

Code: Select all

<div class="row wh_content_area">

Add:

Code: Select all

<a name="startcontent" id="startcontent"></a>

Next, in wt_default.css, add:

Code: Select all

.skiplink {display:none}

Post by **shudson310** » Mon Oct 03, 2016 7:08 pm

Also, based on https://www.w3.org/TR/WCAG20-TECHS/ARIA11.html, it's also a good idea to add:

Code: Select all

 id="content" role="main"

to the div wrapper for both:

Code: Select all

<div id="content" role="main" class="wh_content_area">

in wt_index.html
and

Code: Select all

<div id="content" role="main" class="row wh_content_area">

Post by **shudson310** » Mon Oct 03, 2016 7:08 pm

shudson310 wrote:Also, based on https://www.w3.org/TR/WCAG20-TECHS/ARIA11.html, it's also a good idea to add:
Code: Select all
 id="content" role="main" 
to the div wrapper for both:
Code: Select all
<div id="content" role="main" class="wh_content_area">
in wt_index.html
and
Code: Select all
<div id="content" role="main" class="row wh_content_area">

in wt_topic.html

Post by **bogdan_cercelaru** » Tue Oct 04, 2016 12:04 pm

Hello,

Thank you for your suggestions.
I've added your request in our issue tracking system to be addressed by one of our developers.

Regards,
Bogdan

Accessibility improvements for webhelp

Accessibility improvements for webhelp

Re: Accessibility improvements for webhelp

Re: Accessibility improvements for webhelp

Re: Accessibility improvements for webhelp