《IBM公司Notes产品PPT模板(1).ppt》由会员分享，可在线阅读，更多相关《IBM公司Notes产品PPT模板(1).ppt（25页珍藏版）》请在三一办公上搜索。
1、Designing Accessible Notes/Domino 6 Applications,Shannon RapuanoAccessibility ConsultantCLP Notes DeveloperIBM Accessibility C,Agenda,Accessibility and worldwide legislationNotes 6 accessibility enhancementsTechniques for designing accessible applicationsTesting accessibility using assistive technol
2、ogyResources and ReferencesQ&A,What is Accessibility?,Accessibility is an attribute of information technology that allows it to be used by people with varying abilities,Inaccessible IT,Assistive Technology,Accessible IT&AT together,Static font and colorRequires mouseGraphics onlyHard to reach contro
3、ls,Screen readersMagnifiersSpeech RecognitionSpecial keyboards&switches,Screen readersMagnifiersSpeech RecognitionSpecial keyboards&switches,Font and color settingsMouse is optionalText with graphicsEasy to reach controls,APIs,US:Section 508(2001)ADA(1990)State Regulations,EU:Legislation PendingWeb
4、Focus,Australia:Disability Discrimination Act,Worldwide Accessibility Legislation,Japan:Legislation PendingWeb Focus,Section 508,When Federal agencies develop,procure,maintain or use Electronic Information Technology(EIT),the EIT must allow Federal employees or members of the public with disabilitie
5、s to have access and use of information comparable to someone who does not have a disabilityEffective June 21,2001Accessibility guidelines provided for:Software and WebDesktop/Portable Computers and Self-Contained DevicesTelecommunications and MultimediaFunctional Performance Criteria,Notes 6 Access
6、ibility Enhancements Demo,Low vision supportInherit system display settings if“Use System Colors”setIncrease text sizeEnhanced keyboard supportExtended accelerator keysTab to navigate read only documentsNavigate tabbed tablesWindows menuViewsSort and customize views without using DesignerAlternate t
7、ext for view icons,Techniques for accessible applications,Subset of Section 508 software and Web guidelinesNew techniques for Notes 6Most common accessibility issuesMore information on our site at and viewsKeyboard accessTablesWeb navigation,Accessible Images,Section 508 guideline 1194.22(a)A text e
8、quivalent for every non-text element shall be provided.TechniquesProvide text equivalents for view icons New!Provide alternate text for important imagesProvide alternate text for image hotspotsProvide alternate text for images or image resources referenced in pass-thru HTML,Accessible Images View Ic
9、ons(New!),View iconsAlt text defined for standard view icons in Notes 6The image filename is read for custom view icons in Notes 6Standard view icons are not read in R5Defining text equivalents for view iconsProvide meaningful filename for custom icons(no abbreviations),View icon:“12/18/2002.red che
10、ck icon.test shannon rapuano”,Custom icon:“12/18/2002.abc.gif.test shannon rapuano”,Accessible Images Alternate Text,ImagesAdd descriptive text for imageIf no alt text specified,treated as null in Notes 6(alt=“”)If not alt text specified in R5,reads URL or filename,HotspotsIf the hotspot is an image
11、,only define alt text for hotspotAdd descriptive text for imageMost hotspots are links,so alt text is required,Accessible Forms and Views,Section 508 guidelines1194.21(l)Electronic forms shall allow people using assistive technology to access the information required for completion and submission of
12、 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 that can be discerned textually.TechniquesProvide an HTML TITLE attribute for each editable control New!Use HTML LABEL element for
13、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-ups New!“Pressing tab key moves to next field”for rich text fields,Accessible Forms HTML TITLE for Labels(New!),HTML TITLE attribute programmati
14、cally associates field labels so they can be read by screen readersWeb applicationsAssistive technology may not support TITLE attributeUse HTML LABEL element to meet Section 508 guidelinesClient applicationsAssistive technology reads TITLE attribute(Access Name)Provide field level help for more info
15、rmation or R5 applicationsDefining labels using HTML TITLE attributeOpen Field Properties box and select HTML tabUnder Title,enter label for the field that matches visual labelAdd“savefieldtitleguesses=1”in notes.ini,Accessible Forms HTML LABEL for Labels(New!),Assistive technology reads the LABEL e
16、lement to associate form controls and labels on the WebWeb applicationsScreen readers use proximity to identify labels if not defined explicitly,but not accurateExplicitly associate labels and controls using the LABEL elementDefining labels using HTML LABEL elementAdd pass-thru HTML for field:To:In
17、Field Properties box,go to HTML tabSet ID to the“sendto”as defined above,Keyboard Focus on Forms/Pages(New!),Framesets can make keyboard navigation slow.If a frame is only used for visual effects,skip keyboard focus on the frame.Web and Client ApplicationsF6 moves keyboard focus to next frameIf“no f
18、ocus”is set,the frame is skippedNotes 6 Discussion uses this techniqueFeature only available in Notes 6Defining F6 accessOpen the Form or Page Properties boxUnder 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 opti
19、on“on click”Client ApplicationsPop-ups activated using“on click”are keyboard accessiblePop-ups are not accessible in R5,so provide an alternativeDefining keyboard access for pop-upsOpen the Hotspot Pop-up Properties boxSelect the Hotspot Info tabUnder Show pop-up,select“On Click”,Accessible Navigati
20、on of Web Sites,Section 508 guidelines 1194.22(i)Frames shall be titled with text that facilitates frame identification and navigation.1194.22(o)A method shall be provided that permits users to skip repetitive navigation linksTechniquesProvide useful names for all framesProvide useful names for all
21、pages used in framesProvide an image link to the main content of the pageProvide a text 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 t
22、arget of the link is the main page content.No impact to visual look.The main page contentProvide a text link displayed at the top of the pageSkip navigation links.The main page content,Accessible Web Navigation Frames and Pages,Screen reader users must read Web pages sequentially unless meaningful f
23、rame names are provided to navigate the siteWeb applicationsIf frame name is undefined-listed as“Unlisted”in frame listIf the frame includes a page use add a meaningful page nameDefining frame and page namesOpen Frame or Page Properties boxIn Name field,enter useful descriptionIn the example,“Left”i
24、s not usefulDo not use abbreviations,Accessible Data Tables(Web only),Section 508 guidelines1194.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 colu
25、mn headersTechniquesUse the TH element to markup table heading cells on data tablesUse 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 tablesWeb applicationsTable markup only requi
26、red for data tables,not layout tablesUse pass-thru HTML to meet the 508 standardDefining table headersCreate the data table using DesignerSelect the table.Select Edit-Convert to HTMLChoose View-HTML Pane to preview the rendered pageModify the HTML to add TH element and table headers as needed,Create
27、 data table in Domino Designer,Select Edit-Convert to HTML,Use HTML Editor to modify HTML to add TH element(New!),Testing Notes Client Applications,Test without the mouseRun an accessibility checker like Teamstudio AnalyzerSample accessibility filters shipped with latest TeamstudioTest subset of 508
28、 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 Microsoft Inspect Objects when function isnt supported by a
29、ssistive technology,Testing Domino Web Applications,Test without the mouseRun an accessibility checker like Bobby or CrunchyCheck accessibility of URL(cannot test.NSF file)Test subset of 508 guidelines(e.g.alt text,frame names,labels)Test with assistive technology(AT)Test items checkers cannot valid
30、ate(e.g.skip,tables,Java)IBM Home Page Reader(HPR)provides visual tracking,graphics and text view,ability to save test resultsScreen readers(e.g.JAWS,Window-Eyes)Screen magnifiers(e.g.ZoomText Xtra,MAGic),References and Resources,Detailed techniques:508 guidance:www.access-board.gov/sec508/guideAssistive Technology:IBM Home Page Reader(and MAGic()Window-Eyes()ZoomText Xtra()ToolsBobby()Teamstudio Analyzer()aNotes/Domino Accessibility EnhancementsOn-line help(Accessibility and Keyboard Shortcuts),Q&A,Please complete your evaluation form!,
