Divi Accessibility

説明

A WordPress plugin that improves Divi accessibility in accordance with WCAG 2.0 guidelines. While there are many great plugins dealing with improving WordPress theme accessibility, this was developed for issues specifically found within Divi.

  • Adds appropriate ARIA attributes
  • Improved keyboard navigation in menus
  • Fixes missing & incorrectly assigned labels
  • Makes modules such as Toggle & Accordion focusable and keyboard interactive
  • Adds a visual outline to focusable elements for keyboard only navigation
  • Ability to change keyboard only outline color
  • Fixes Divi incorrectly using screen reader classes
  • Adds skip navigation link optimized for Divi markup
  • Hide icons from screen readers which can affect reading of text
  • Fix duplicate menu IDs
  • Tota11y integration

Contribute on GitHub

https://github.com/campuspress/divi-accessibility/

Support

If you would like to make a donation, we encourage you to consider donating to Knowbility and help support their mission to provide access to technology for people with disabilities.

Credit

Plugin created by CampusPress. Plugin icon based off of The Accessible Icon Project.

スクリーンショット

  • Divi Accessibility settings page

インストール

  1. Upload ‘divi-accessibility’ to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Click on the new menu item “Accessibility” under the Divi menu for settings

評価

DIVI Ada Compliance

A fantastic addition to the DIVI ecoscape. Please keep this plugin up-to-date since we develop sites for local governments and organizations helping people with disabilities.

What a Gift

This plugin is amazing. I can't say enough how easy it is to use the plugin and work through accessibility issues. Every Divi website should install this and work through the suggestions.

Amazing

This is a great plugin that helps get us up to speed on building better websites for all of our parents and community members. Thank you!

Worked Great

Worked without any issues. I think some users could benefit from some more common examples of how it might best be used, but that's just a suggestion (not something I'm going to weigh the review on).

Great and necessary

Who knows why some of these things aren't built into Divi... but I'm glad this exists. Accessibility matters! Thanks for the helpful plugin.
7件のレビューをすべて表示

貢献者と開発者

Divi Accessibility はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Divi Accessibility” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.2.4

  • Fix keyboard navigation with submenus.
  • Fix submenu highlight on mouse hover.
  • Fix CSS warnings.

1.2.3

  • Submenu item highlighting when mouse moves over links.

1.2.2

  • Landmark refactoring for navigation.
  • Add better support for submenus.

1.2.1

  • Add better aria attribute support to navigation menus, comment forms, etc.
  • CSS fixes.

1.2

  • Add option to remove id attribute from list items in navigation menus

1.1

  • Add option to hide decorative icons from screen readers
  • Add hidden submit button to search
  • Add alert role to success/error form message
  • Increase color contrast of skiplink to meet WCAG AAA
  • Fix contact module form not validating properly when using captcha
  • Fix error with label not being added to search form
  • Prevent spacebar from scrolling page when toggles have focus
  • Remove up and down keys from changing tabs

1.0.4

  • Fix contact module form not validating properly when using captcha

1.0.3

  • Add missing quote in viewport tag causing issues in head

1.0.2

  • Fix Divi viewport meta tag to make theme more accessibile

1.0.1

  • Improve ARIA for Tab module

1.0.0

  • Initial Release