(window.webpackJsonp=window.webpackJsonp||[]).push([[2061],{"013z":function(e,t,a){"use strict";var n=a("q1tI"),i=a.n(n),r=a("NmYn"),b=a.n(r),s=a("Wbzz"),c=a("Xrax"),l=a("a7k6"),o=a("TSYQ"),u=a.n(o),d=a("QH2O"),m=a("qKvR");var p=({title:e,tabs:t=[]})=>Object(m.b)("div",{className:u()(d.pageHeader,{[d.withTabs]:t.length})},Object(m.b)("div",{className:"bx--grid"},Object(m.b)("div",{className:"bx--row"},Object(m.b)("div",{className:"bx--col-lg-12"},Object(m.b)("h1",{id:"page-title",className:d.text},e))))),h=a("BAC9");var O=({relativePagePath:e,repository:t})=>{const{site:{siteMetadata:{repository:a}}}=Object(s.useStaticQuery)("1364590287"),{baseUrl:n,subDirectory:i,branch:r}=t||a,b=`${n}/edit/${r}${i}/src/pages${e}`;return n?Object(m.b)("div",{className:"bx--row "+h.row},Object(m.b)("div",{className:"bx--col"},Object(m.b)("a",{className:h.link,href:b},"Edit this page on GitHub"))):null},j=a("FCXl"),w=a("I8xM");class g extends i.a.Component{render(){const{tabs:e,slug:t}=this.props,a=t.split("/").filter(Boolean).slice(-1)[0],n=e.map(e=>{const n=b()(e,{lower:!0,strict:!0}),i=n===a,r=new RegExp(a+"/?(#.*)?$"),c=t.replace(r,n);return Object(m.b)("li",{key:e,className:u()({[w.selectedItem]:i},w.listItem)},Object(m.b)(s.Link,{className:w.link,to:""+c},e))});return Object(m.b)("div",{className:w.tabsContainer},Object(m.b)("div",{className:"bx--grid"},Object(m.b)("div",{className:"bx--row"},Object(m.b)("div",{className:"bx--col-lg-12 bx--col-no-gutter"},Object(m.b)("nav",null,Object(m.b)("ul",{className:w.list},n))))))}}var f=g,x=a("MjG9");t.a=({pageContext:e,children:t,location:a,Title:n})=>{const{frontmatter:i={},relativePagePath:r,titleType:o}=e,{tabs:u,title:d,theme:h,description:w,keywords:g}=i,{site:{pathPrefix:y}}=Object(s.useStaticQuery)("2456312558"),A=y?a.pathname.replace(y,""):a.pathname,N=u?A.split("/").filter(Boolean).slice(-1)[0]||b()(u[0],{lower:!0}):"";return Object(m.b)(l.a,{tabs:u,homepage:!1,theme:h,pageTitle:d,pageDescription:w,pageKeywords:g,titleType:o},Object(m.b)(p,{title:n?Object(m.b)(n,null):d,label:"label",tabs:u}),u&&Object(m.b)(f,{slug:A,tabs:u,currentTab:N}),Object(m.b)(x.a,{padded:!0},t,Object(m.b)(O,{relativePagePath:r})),Object(m.b)(j.a,{pageContext:e,location:a,slug:A,tabs:u,currentTab:N}),Object(m.b)(c.a,null))}},BAC9:function(e,t,a){e.exports={bxTextTruncateEnd:"EditLink-module--bx--text-truncate--end--2pqje",bxTextTruncateFront:"EditLink-module--bx--text-truncate--front--3_lIE",link:"EditLink-module--link--1qzW3",row:"EditLink-module--row--1B9Gk"}},I8xM:function(e,t,a){e.exports={bxTextTruncateEnd:"PageTabs-module--bx--text-truncate--end--267NA",bxTextTruncateFront:"PageTabs-module--bx--text-truncate--front--3xEQF",tabsContainer:"PageTabs-module--tabs-container--8N4k0",list:"PageTabs-module--list--3eFQc",listItem:"PageTabs-module--list-item--nUmtD",link:"PageTabs-module--link--1mDJ1",selectedItem:"PageTabs-module--selected-item--YPVr3"}},QH2O:function(e,t,a){e.exports={bxTextTruncateEnd:"PageHeader-module--bx--text-truncate--end--mZWeX",bxTextTruncateFront:"PageHeader-module--bx--text-truncate--front--3zvrI",pageHeader:"PageHeader-module--page-header--3hIan",withTabs:"PageHeader-module--with-tabs--3nKxA",text:"PageHeader-module--text--o9LFq"}},uuK8:function(e,t,a){"use strict";a.r(t),a.d(t,"_frontmatter",(function(){return c})),a.d(t,"default",(function(){return j}));a("3bBZ"),a("q1tI");var n=a("7ljp"),i=a("013z"),r=a("CpY+");a("qKvR");function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var a,n,i=function(e,t){if(null==e)return{};var a,n,i={},r=Object.keys(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}const c={},l=e=>function(t){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(n.b)("div",t)},o=l("PageDescription"),u=l("AnchorLinks"),d=l("AnchorLink"),m=l("Row"),p=l("Column"),h={_frontmatter:c},O=i.a;function j(e){let{components:t}=e,a=s(e,["components"]);return Object(n.b)(O,b({},h,a,{components:t,mdxType:"MDXLayout"}),Object(n.b)(o,{mdxType:"PageDescription"},Object(n.b)("p",null,"The UI shell React Carbon component has been tested against the latest\n",Object(n.b)("a",b({parentName:"p"},{href:"https://www.w3.org/TR/WCAG21/"}),"W3C Web Content Accessibility Guidelines (WCAG) 2.1 Level A and AA success criteria"),"\nand violations have been identified as high priority issues. This document will\nbe updated when these accessibility issues are resolved.")),Object(n.b)(u,{mdxType:"AnchorLinks"},Object(n.b)(d,{mdxType:"AnchorLink"},"Accessibility considerations"),Object(n.b)(d,{mdxType:"AnchorLink"},"Resources"),Object(n.b)(d,{mdxType:"AnchorLink"},"Accessibility testing")),Object(n.b)("h2",null,"Accessibility considerations"),Object(n.b)("ol",null,Object(n.b)("li",{parentName:"ol"},"Accessible Carbon components should be used to create the content that\ndisplays within the UI shell."),Object(n.b)("li",{parentName:"ol"},"Labels should be clear and concise."),Object(n.b)("li",{parentName:"ol"},"Titles should be unique and clearly describe the content on the page."),Object(n.b)("li",{parentName:"ol"},"Avoid very long menu option names to facilitate understandability and\nperceivability."),Object(n.b)("li",{parentName:"ol"},"Do not use the same word or phrase at the beginning of a set of menu items."),Object(n.b)("li",{parentName:"ol"},"Use a unique ",Object(n.b)("inlineCode",{parentName:"li"},"id")," for each menu item.")),Object(n.b)("h2",null,"Resources"),Object(n.b)("ul",null,Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/accessibility_checklist.html"}),"IBM Accessibility Checklist Checkpoint"),":",Object(n.b)("ul",{parentName:"li"},Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/info_and_relationships.html"}),"1.3.1 Info and Relationships"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships"}),"1.3.1"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/meaningful_sequence.html"}),"1.3.2 Meaningful Sequence"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence"}),"1.3.2"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/keyboard.html"}),"2.1.1 Keyboard"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard"}),"2.1.1"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/focus_order.html"}),"2.4.3 Focus Order"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order"}),"2.4.3"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/headings_and_labels.html"}),"2.4.6 Headings and Labels"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels"}),"2.4.6"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/focus_visible.html"}),"2.4.7 Focus Visible"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible"}),"2.4.7"),")"),Object(n.b)("li",{parentName:"ul"},Object(n.b)("a",b({parentName:"li"},{href:"https://www.ibm.com/able/guidelines/ci162/name_role_value.html"}),"4.1.2 Name, Role, Value"),"\n(WCAG Success Criteria\n",Object(n.b)("a",b({parentName:"li"},{href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html"}),"4.1.2"),")")))),Object(n.b)("h2",null,"Accessibility testing"),Object(n.b)("p",null,"Automated, manual and screen reader accessibility verification test has been\nperformed on the UI shell React Carbon component.\n",Object(n.b)("a",b({parentName:"p"},{href:"https://www.w3.org/TR/WCAG21/"}),"WCAG 2.1 Level A and AA success criteria")," issues\nhave been identified and the list of open accessibility violations is available\nin the Carbon component GitHub repository."),Object(n.b)("h3",null,"Automated test"),Object(n.b)(m,{mdxType:"Row"},Object(n.b)(p,{noGutterSm:!0,mdxType:"Column"},Object(n.b)(r.f,{mdxType:"StructuredListWrapper"},Object(n.b)(r.c,{mdxType:"StructuredListHead"},Object(n.b)(r.e,{head:!0,mdxType:"StructuredListRow"},Object(n.b)(r.b,{head:!0,mdxType:"StructuredListCell"},"Automated test environment"),Object(n.b)(r.b,{head:!0,mdxType:"StructuredListCell"},"Results"))),Object(n.b)(r.a,{mdxType:"StructuredListBody"},Object(n.b)(r.e,{mdxType:"StructuredListRow"},Object(n.b)(r.b,{mdxType:"StructuredListCell"},"- macOS Mojave version 10.14.2 with VoiceOver",Object(n.b)("br",null),"- Chrome version 77.0.3865.90",Object(n.b)("br",null),"- Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM Accessibility WCAG 2.1 Sept. 2019 Ruleset",Object(n.b)("br",null),"- Carbon React version 7.7.1"),Object(n.b)(r.b,{mdxType:"StructuredListCell"},Object(n.b)("strong",null,"DAP test:"),Object(n.b)("br",null),"- No violations")))))))}j.isMDXComponent=!0}}]);