Accessibility at UH /access Wed, 06 May 2020 00:28:21 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 8. Interactive form controls /access/2019/04/19/8-interactive-form-controls/ Fri, 19 Apr 2019 00:36:17 +0000 http://www.hawaii.edu/access/?p=810

,

Interactive control

Description: Interactive form controls such as text input fields, check boxes, radio buttons, combo boxes, list boxes, and buttons can be used by keyboard operation. If a user is tabbed over an interactive form control, they must be able to interact with it with either the enter key or from a virtual keyboard.

How to fix:

Techniques: , , ,

]]> 7. Submit button with submit-form action /access/2019/04/19/7-submit-button-with-submit-form-action/ Fri, 19 Apr 2019 00:35:53 +0000 http://www.hawaii.edu/access/?p=808

Submit button

Description: Forms must have a submit button that submits the data entered in the form.

How to fix:

Techniques: , ,

]]> 6. Label interactive form controls /access/2019/04/19/6-label-interactive-form-controls/ Fri, 19 Apr 2019 00:35:24 +0000 http://www.hawaii.edu/access/?p=806

, ,

Form label

Description: Users of assistive technology must be able to understand form control labels and how they are used. Assistive technology must be able to recognize and understand form fields, make selections, and provide input to complete the form and submit the form.

How to fix:

Techniques: , , , ,

]]> 5. Table Elements /access/2019/04/19/5-table-elements/ Fri, 19 Apr 2019 00:34:59 +0000 http://www.hawaii.edu/access/?p=804

Example of a table

Description: Tables must be recognized by assistive technology. When a user tabs through the data in the table, the information must preserve relationship between the row and the column headers.

How to fix:

Techniques: ,

]]> 4. Indicate required form controls /access/2019/04/19/4-indicate-required-form-controls/ Fri, 19 Apr 2019 00:34:38 +0000 http://www.hawaii.edu/access/?p=802

, ,

Example of no required fields

Description: Notify the user when a required field must be completed has not been completed in the PDF form. An alert dialog must describe the error if a required field is not completed.

How to fix:

Techniques: , , , , ,

]]> 3. Correct tab and reading order /access/2019/04/19/3-correct-tab-and-reading-order/ Fri, 19 Apr 2019 00:33:48 +0000 http://www.hawaii.edu/access/?p=800

, , ,

Example of wrong tab order

Description: Users must be able to navigate through content in a logical order that is consistent with the meaning of the content with the tab key.
For sighted users, the logical order of the content is the visual order on the screen.
For keyboard and assistive technology users, the tab through order determines the order the users navigate through the content. Tabbing through must reflect the logical order of the document.

How to fix:

Example of correct tab orderTechniques: , ,

]]> 2. Using bookmarks /access/2019/04/19/2-using-bookmarks/ Fri, 19 Apr 2019 00:31:33 +0000 http://www.hawaii.edu/access/?p=798

2.4.5

Example table of contents

Description: Users must be able to locate content using bookmarks. An overview of the document helps persons with disabilities navigate the document without traversing through all the pages.

How to fix:

Techniques:

]]> 1. Text alternative to images /access/2019/04/19/1-text-alternative-to-images/ Fri, 19 Apr 2019 00:23:58 +0000 http://www.hawaii.edu/access/?p=796

Small tag example

Description: If an image has words in it that are important to understanding the content, then the PDF must have text alternative to describe the image. It does not need to describe the visuals but the text must convey the same meaning.

How to fix:

Techniques:

]]> 52.ÌýWebpage title is missing text /access/2019/04/17/52-webpage-title-is-missing-text/ Wed, 17 Apr 2019 19:30:49 +0000 http://www.hawaii.edu/access/?p=787

title text incorrect example

Description:ÌýThis page has no title.

Context:ÌýAll pages should have titles defined in HTML.

<title></title>

How to fix it:ÌýThe web page needs a title describing the topic of the page. The webpage ‘title’ is added in the page ‘head’. The first thing a screen reader encounters when the web page has loaded is the text within the ‘title’. If the title does not describe what is on the page, you are making it very difficult for users who rely on HTML mark up to determine what page they’re on. You could also think of a search engine as a visually impaired user of your site, who may be put off pages on your site if the title does not relate to the content.

<title>University of Hawaii at Manoa - Assessment Home</title>

Techniques:Ìý,Ìý

]]> 51.ÌýWebpage has multiple title elements or no title element /access/2019/04/17/51-webpage-has-multiple-title-elements-or-no-title-element/ Wed, 17 Apr 2019 19:30:13 +0000 http://www.hawaii.edu/access/?p=785

title incorrect example

Description:ÌýWebpages should have a single title. It is incorrect for a webpage to either have no title or to have multiple titles. The first thing a screen reader encounters when the web page has loaded is the text within the ‘title’ attribute. If the title does not describe what is on the page, you are making it very difficult for users who rely on HTML mark up to determine what page they’re on. You could also think of a search engine as a visually impaired user of your site, who may be put off pages on your site if the title does not relate to the content.

Context:ÌýAll pages require a page title, images cannot be used as a reliable substitute for title elements for screen readers.

<head></head>    
                                
<a href="https://www.facebook.com/School-of-Pacific-and-Asian-Studies-176016605778884/" style>
     <img src="http://manoa.hawaii.edu/spas/wp-content/themes/sld/images/facebook.jpg" style="margin-left: 12px;">
</a>

How to fix it:ÌýThe web page needs to have exactly one title describing the topic of the page. If the page contains no title tag add one. If the page contains more than one title tag remove extra title tags in the code. Make sure the main title describes the topic of the page.

<head>
    <title>School of Pacific and Asian Studies</title>                                   
</head>
                               
<a href="https://www.facebook.com/School-of-Pacific-and-Asian-Studies-176016605778884/" style>
    <img src="http://manoa.hawaii.edu/spas/wp-content/themes/sld/images/facebook.jpg" style="margin-left: 12px;">
</a>

Techniques:Ìý,Ìý

]]>