Site Report
This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be used alongside human testing.
| Level | WCAG 2.1 | Section 508 - 2017 | Key |
|---|
| A |  | |  Pages with level A issues are unusable for some people |
|---|
| AA |  | | Pages with level AA issues are very difficult to use |
|---|
| AAA |  | | Pages with level AAA issues can be difficult to use |
|---|
| Priority | Description and URL | Guideline and Line# | Count |
|---|
Level AA
1 issues on 1 pages | |
| | The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline. | WCAG 2.1 AA F78 Section 508 (2017) AA F78 | 1 pages |
|
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
- Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
- Firefox (obscures the focus indicator on links)
- Internet Explorer (obscures the focus indicator on links, buttons and range controls)
| 1.4.11 2.4.7 | |
| outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0
https://www.parroquiadelpilarpamplona.es/ | Line 3819 3834 3839 3844 3913
...
| |
Level AAA
3 issues on 1 pages | |
| | Avoid specifying a new window as the target of a link with target=_blank. | WCAG 2.1 AAA F22 | 1 pages |
|
Displaying new windows without warning can be very confusing to non-sighted and mobile users.
Some screen readers and mobile devices give very little indication a new tab or window has opened.
If you cannot avoid displaying a new window, insert an "opens in a new window" warning into the link text
or add the warning to the link using a title attribute or aria-describedby attribute. | 3.2.5 | |
| https://www.parroquiadelpilarpamplona.es/ | Line 3819 3822 3825 3828 3844
...
| |
| | Don't use CSS animations or transitions in interactions without giving the user a way to turn them off. | WCAG 2.1 2.3.3 | 1 pages |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | | |
| :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: transform 2s
https://www.parroquiadelpilarpamplona.es/ | Line 3834 3839 3844 3913 3992
...
| |
| | Ensure that text and background colors have a 7:1 contrast ratio. | WCAG 2.1 AAA 1.4.6 | 1 pages |
|
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
- The contrast ratio should be 4.5 or more for 18 point text, or larger
- The contrast ratio should be 4.5 or more for 14 point bold text, or larger
- The contrast ratio should be 7.0 or more for all other text
| | |
| The text color to background color contrast ratio after composition is: 6.57 with
color: rgb(255,255,255);background-color: rgb(53,95,145);font-size: 10.50pt;font-weight: 500; 6.57 with
color: rgb(255,255,255);background-color: rgb(53,95,145);font-size: 10.50pt;font-weight: 500; 6.57 with
color: rgb(255,255,255);background-color: rgb(53,95,145);font-size: 15pt;font-weight: 500; 6.57 with
color: rgb(255,255,255);background-color: rgb(53,95,145);font-size: 15pt;font-weight: 500; 6.57 with
color: rgb(255,255,255);background-color: rgb(53,95,145);font-size: 15pt;font-weight: 500;
https://www.parroquiadelpilarpamplona.es/ | Line 4005 4024 4045 4253 4261
...
| |
| Expand all 4 issues | | |