Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump To Content: Add menu button to examples to implement WCAG bypass blocks requirement #1860

Closed
wants to merge 50 commits into from

Conversation

jongund
Copy link
Contributor

@jongund jongund commented Apr 14, 2021

Features:

  • Added jumpto.js
  • Uses color palette of the ARIA APG
  • Uses app.js to add the appropriate reference to each example.

preview link for index of examples
preview link for button example
preview link for checkbox 1 example

@jongund jongund changed the title Add Jump To Content menu button to examples to implement bypass blocks requirements Add "Jump To Content" menu button to examples to implement bypass blocks Apr 14, 2021
@jongund jongund changed the title Add "Jump To Content" menu button to examples to implement bypass blocks Add "Jump To Content" menu button to examples to implement bypass blocks requirement Apr 14, 2021
@a11ydoer a11ydoer requested review from smhigley and shirsha and removed request for carmacleod and charmarkk April 20, 2021 18:45
michael-n-cooper and others added 4 commits April 22, 2021 14:14
…esome for Icon (pull #1685)

1. Adds font awesome icon stylesheet to Codepen options. Now, if font awesome is used in an example going forward, the icons will appear as expected when the example is opened in codepen. 
2. Adds the Open In Codepen button to the two examples that use font awesome already: toolbar/toolbar.html and dialog-modal/datepicker-dialog.html.
3. Converts the treeview directory example to use font awesome icons for the folder and file icons and adds the "Open in Codepen" button to them: treeview/treeview-1/treeview-1a.html and treeview/treeview-1/treeview-1b.html
…scripts (pull #1859)

Updates the scripts that generate the example index and coverage reports:
* Updated list of roles to include new roles in ARIA 1.2:
   * caption 
   * code 
   * deletion 
   * emphasis 
   * generic 
   * input 
   * insertion 
   * meter 
   * paragraph 
* Fixed bug in aria-label  also getting references to aria-labelledby , by using a regex, and this was also applied to checking roles. 
* Updated code to use node-html-parser  for identify the roles, properties and states associated with an example, making the code much easier to read and understand. 
* Added the identification of examples with specific high contrast support features.
* Updated coverage report to provide more information on example quality assurance. 
* Add a coding practices section to the coverage report to monitor implementation of APG coding practices.
@jongund
Copy link
Contributor Author

jongund commented May 4, 2021

@mcking65
What is the status of the "Jump To" pull request?

@a11ydoer
Copy link
Contributor

@jongund

We will talk about this at APG meeting on May 25, 2021. I also assigned reviewers.

@jongund
Copy link
Contributor Author

jongund commented May 25, 2021

Update code:

  • removed aria-describedby from button for tooltip
  • Updated landmark selector to only get first navigation landmark region

NOTE: JAWS and NVDA on Windows and VoiceOver on macOS announcement shortcut key from the accesskey attribute information.

@jongund
Copy link
Contributor Author

jongund commented May 26, 2021

This pull request has been moved to pull #1923.

@jongund jongund closed this May 26, 2021
@zcorpan zcorpan deleted the add-jump-to branch May 31, 2021 12:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants