Content Author Accessibility Preview

설명

Flag up potential accessibility issues when your content authors preview the post or page that they have just added or amended.

Currently contains checks for:

  • Images with empty alt attributes
  • Links that open new windows
  • Links that have a title attribute
  • images that have no alt attribute
  • images that have the title attribute
  • svg files that don`t have role=”img”
  • inline svgs that don`t have role=”img”
  • empty headings
  • empty links
  • empty buttons
  • empty headings
  • empty table header cells
  • empty table data cells

Flags each element found with an outline. Where possible explains what the issue is on the page.

Can be configured to only be visible to certain user roles.

Site visitors who are not logged in will not see the potential issues.

Based on the work from Graham Armfield’s CSS tool for highlighting accessibility issues

스크린샷

  • Admin settings

설치

  1. Download the plugin’s zip file, extract the contents, and upload them to your wp-content/plugins folder.
  2. Login to your WordPress dashboard, click “Plugins”, and activate “Content Author Accessibility Preview”.
  3. Customise your settings by going to: Settings > Content Author Accessibility Preview.

FAQ

Will this plugin make my site “fully accessible”?

Absolutely not. There is no quick fix for accessibility, this plugin is to be used to highlight any potential accessibility issues to your content creators.

Will this be visible to the public?

No. By default, issues will only be highlighted to anyone who is logged in. You can also stop any particular user role from seeing the highlighting in the settings page. ( for example: if you have WooCommerce, you might want to deselect “Customers” from seeing the highlights ).

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Content Author Accessibility Preview”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Content Author Accessibility Preview”(이)가 1(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Content Author Accessibility Preview”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

Future

  • Visible while editing in Gutenburg
  • Fix false positives in the admin bar
  • ~~Limit to the content area of the page~~
  • Show a legend
  • Animated flashing boarders – to really make it obvious
  • ~~Options to hide certain tests~~
    Suggest a change or feature!

1.2.0

  • Added a Test class
  • Options to stop certain tests from running

1.1.1

  • Bug fix
  • Improved colour contrast on labels

1.1.0

  • Added a container option to limit the tests to a specific area
  • All highlights are found using JS (not pure CSS anymore)
  • Added labels to highlighted elements

1.0.0

  • Initial release!