b71d4e9810 | ||
---|---|---|
.github | ||
config | ||
docs | ||
lib | ||
test | ||
.gitignore | ||
.rubocop.yml | ||
CODEOWNERS | ||
Gemfile | ||
Gemfile.lock | ||
LICENSE | ||
README.md | ||
Rakefile | ||
erblint-github.gemspec |
README.md
erblint-github
Template style checking for GitHub's Ruby projects
Setup
- Update your
Gemfile
and runbundle install
gem "erb_lint", require: false
gem "erblint-github"
- Require the linters within the
.erb-linters
folder. This could be done by adding a file.erb-linters/erblint-github.rb
with the following line.
require "erblint-github/linters"
- Update the
erb-lint.yml
to configure the rule.
.erb-lint.yml
---
linters:
GitHub::Accessibility::AriaLabelIsWellFormatted:
enabled: true
GitHub::Accessibility::AvoidBothDisabledAndAriaDisabled:
enabled: true
GitHub::Accessibility::AvoidGenericLinkText:
enabled: true
GitHub::Accessibility::DisabledAttribute:
enabled: true
GitHub::Accessibility::IframeHasTitle:
enabled: true
GitHub::Accessibility::ImageHasAlt:
enabled: true
GitHub::Accessibility::NavigationHasLabel:
enabled: true
GitHub::Accessibility::LinkHasHref:
enabled: true
GitHub::Accessibility::NestedInteractiveElements:
enabled: true
GitHub::Accessibility::NoAriaHiddenOnFocusable:
enabled: true
GitHub::Accessibility::NoAriaLabelMisuse:
enabled: true
GitHub::Accessibility::NoPositiveTabIndex:
enabled: true
GitHub::Accessibility::NoRedundantImageAlt:
enabled: true
GitHub::Accessibility::NoTitleAttribute:
enabled: true
GitHub::Accessibility::SvgHasAccessibleText:
enabled: true
Rules
- GitHub::Accessibility::AriaLabelIsWellFormatted
- GitHub::Accessibility::AvoidBothDisabledAndAriaDisabled
- GitHub::Accessibility::AvoidGenericLinkText
- GitHub::Accessibility::DisabledAttribute
- GitHub::Accessibility::NavigationHasLabel
- GitHub::Accessibility::LinkHasHref
- GitHub::Accessibility::NestedInteractiveElements
- GitHub::Accessibility::IframeHasTitle
- GitHub::Accessibility::ImageHasAlt
- GitHub::Accessibility::NoAriaHiddenOnFocusable
- GitHub::Accessibility::NoAriaLabelMisuse
- GitHub::Accessibility::NoPositiveTabIndex
- GitHub::Accessibility::NoRedundantImageAlt
- GitHub::Accessibility::NoTitleAttribute
- GitHub::Accessibility::SvgHasAccessibleText
Testing
bundle install
bundle exec rake
Recommended extension
If you use VS Code, we highly encourage ERB Linter extension to see immediate feedback in your editor.
Note
This repo contains several accessibility-related linting rules to help surface accessibility issues that would otherwise go undetected until a later stage. Please note that due to the limitations of static code analysis, these ERB accessibility checks are NOT enough for ensuring the accessibility of your app. This shouldn't be the only tool you use to catch accessibility issues and should be supplemented with other tools that can check the runtime browser DOM output, as well as processes like accessibility design reviews, manual audits, user testing, etc.