IBM公司Notes产品PPT模板

1、designing accessible notes/domino 6 applications shannon rapuano accessibility consultant clp notes developer ibm accessibility center agenda accessibility and worldwide legislation notes 6 accessibility enhancements techniques for designing accessible applications testing accessibility using assist

2、ive technology resources and references q&a what is accessibility? accessibility is an attribute of information technology that allows it to be used by people with varying abilities inaccessible itassistive technology accessible it & at together static font and color requires mouse graphics only har

3、d to reach controls screen readers magnifiers speech recognition special keyboards & switches screen readers magnifiers speech recognition special keyboards & switches font and color settings mouse is optional text with graphics easy to reach controls a p i s us: section 508 (2001) ada (1990) state

4、regulations eu: legislation pending web focus australia: disability discrimination act worldwide accessibility legislation japan: legislation pending web focus section 508 when federal agencies develop, procure, maintain or use electronic information technology (eit), the eit must allow federal empl

5、oyees or members of the public with disabilities to have access and use of information comparable to someone who does not have a disability effective june 21, 2001 accessibility guidelines provided for: software and web desktop/portable computers and self-contained devices telecommunications and mul

6、timedia functional performance criteria notes 6 accessibility enhancements demo low vision support inherit system display settings if “use system colors” set increase text size enhanced keyboard support extended accelerator keys tab to navigate read only documents navigate tabbed tables windows menu

7、 views sort and customize views without using designer alternate text for view icons techniques for accessible applications subset of section 508 software and web guidelines new techniques for notes 6 most common accessibility issues more information on our site at techniques images forms and views

8、keyboard access tables web navigation accessible images section 508 guideline 1194.22 (a) a text equivalent for every non-text element shall be provided. techniques provide text equivalents for view icons new! provide alternate text for important images provide alternate text for image hotspots prov

9、ide alternate text for images or image resources referenced in pass-thru html accessible images view icons (new!) view icons alt text defined for standard view icons in notes 6 the image filename is read for custom view icons in notes 6 standard view icons are not read in r5 defining text equivalent

10、s for view icons provide meaningful filename for custom icons (no abbreviations ) view icon: “12/18/2002. red check icon. test shannon rapuano” custom icon: “12/18/2002. abc.gif. test shannon rapuano” accessible images alternate text images add descriptive text for image if no alt text specified, tr

11、eated as null in notes 6 (alt=“”) if not alt text specified in r5, reads url or filename hotspots if the hotspot is an image, only define alt text for hotspot add descriptive text for image most hotspots are links, so alt text is required accessible forms and views section 508 guidelines 1194.21(l)

12、electronic forms shall allow people using assistive technology to access the information required for completion and submission of the form including directions and cues. 1194.21(a) product functions shall be executable from a keyboard where the function itself or the result of performing a function

13、 that can be discerned textually. techniques provide an html title attribute for each editable control new! use html label element for web applications new! provide field level help for editable controls (notes client) set “no focus on f6” on forms and pages new! use “on click” to display text pop-u

14、ps new! “pressing tab key moves to next field” for rich text fields accessible forms html title for labels (new!) html title attribute programmatically associates field labels so they can be read by screen readers web applications assistive technology may not support title attribute use html label e

15、lement to meet section 508 guidelines client applications assistive technology reads title attribute (access name) provide field level help for more information or r5 applications defining labels using html title attribute open field properties box and select html tab under title, enter label for th

16、e field that matches visual label add “savefieldtitleguesses=1” in notes.ini accessible forms html label for labels (new!) assistive technology reads the label element to associate form controls and labels on the web web applications screen readers use proximity to identify labels if not defined exp

17、licitly, but not accurate explicitly associate labels and controls using the label element defining labels using html label element add pass-thru html for field: to: in field properties box, go to html tab set id to the “sendto” as defined above keyboard focus on forms/pages (new!) framesets can mak

18、e keyboard navigation slow. if a frame is only used for visual effects, skip keyboard focus on the frame. web and client applications f6 moves keyboard focus to next frame if “no focus” is set, the frame is skipped notes 6 discussion uses this technique feature only available in notes 6 defining f6

19、access open the form or page properties box under options, check “no focus on f6” keyboard access for text pop-ups (new!) text pop-ups are accessible in notes 6 when displayed using the option “on click” client applications pop-ups activated using “on click” are keyboard accessible pop-ups are not a

20、ccessible in r5, so provide an alternative defining keyboard access for pop-ups open the hotspot pop-up properties box select the hotspot info tab under show pop-up , select “on click” accessible navigation of web sites section 508 guidelines 1194.22(i) frames shall be titled with text that facilita

21、tes frame identification and navigation. 1194.22(o) a method shall be provided that permits users to skip repetitive navigation links techniques provide useful names for all frames provide useful names for all pages used in frames provide an image link to the main content of the page provide a text

22、link to the main content of the page accessible web navigation skip to main at reads web pages sequentially unless there is a “skip” link provide a link at the top of the page attached to an unimportant image. the target of the link is the main page content. no impact to visual look. . the main page

23、 content provide a text link displayed at the top of the page skip navigation links . the main page content accessible web navigation frames and pages screen reader users must read web pages sequentially unless meaningful frame names are provided to navigate the site web applications if frame name i

24、s undefined - listed as “unlisted” in frame list if the frame includes a page use add a meaningful page name defining frame and page names open frame or page properties box in name field, enter useful description in the example, “left” is not useful do not use abbreviations accessible data tables (w

25、eb only) section 508 guidelines 1194.22(g) row and column headers shall be identified for data tables. 1194.22(h) markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers techniques use the th element to markup table

26、heading cells on data tables use the headers attribute on cells of complex data tables accessible data tables (web only) add table markup so assistive technology can identify row/column headers in data tables web applications table markup only required for data tables, not layout tables use pass-thr

27、u html to meet the 508 standard defining table headers create the data table using designer select the table. select edit-convert to html choose view-html pane to preview the rendered page modify the html to add th element and table headers as needed create data table in domino designer select edit-

28、convert to html use html editor to modify html to add th element (new!) testing notes client applications test without the mouse run an accessibility checker like teamstudio analyzer sample accessibility filters shipped with latest teamstudio test subset of 508 guidelines (e.g. alt text, frame names) test with assistive technology (at) test items checkers cannot validate (e.g. alt text, javascript) screen readers (e.g. jaws, window-eyes) screen magnifiers (e.g. zoomtext xtra, magic) test with validation tools like micros