WET-389 Pre-assessment for panels #2216
Conversation
josephdiab
changed the title
| "earl:TestSubject", | ||
| "schema:WebPageElement" | ||
| ], | ||
| "dct:description": "Pre assessment of the Panels component.", |
There was a problem hiding this comment.
I think you means to provide a description for the object @id: ":subject" and not for @id ":non-text-content_itm1".
If that is the case, that description should be set at line 37 to replace this following text:
"dct:description": "Describe what is being assessed, like the full page or a component inside that page. Provide a pointer when applicable (earl:pointer)",
| "earl:subject": { | ||
| "@id": "_:subject", | ||
| "dct:references": "https://wet-boew.github.io/wet-boew-styleguide/design/panels-en.html", | ||
| "dct:hasPart": [{ |
There was a problem hiding this comment.
Do the panel has part that could or will be easier if they are assessed separately? If not, please remove this property
| "dct:description": "Describe what is being assessed, like the full page or a component inside that page. Provide a pointer when applicable (earl:pointer)", | ||
| "earl:pointer": { | ||
| "@type": "oa:CssSelector", | ||
| "@value": "title, meta, #wb-bc, main" |
There was a problem hiding this comment.
I think this selector should be more specific. You only pre-assess the portion the page that is related to the panels.
A test you can do to ensure if the selector are ok, you can run in your browser console the command: document.querySelectorAll( "your css selector " ) and see what HTML element has been returned.
For example:
document.querySelectorAll( ".panel" );
| ] | ||
| } | ||
| }, | ||
| "dct:date": null, |
There was a problem hiding this comment.
This date need to be updated of when you did/perform the pre-assessment
| "acr:involvesExpertise": [ | ||
| "wbv:acr/topics#aria", | ||
| "Javascript" | ||
| ], |
There was a problem hiding this comment.
This is to help to identify what type of expertise is needed in order to fully assess the component.
If you have found some WAI-ARIA instruction (HTML attribute like: role, aria-*) then "wbv:acr/topics#aria" is needed.
If you have found that component do use Javascript for any interactivity, then "Javascript" is needed.
And you can identify any other specialty you may found needed to perform a full WCAG 2.1 assessment.
No description provided.