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 A 9 issues on 7 pages
	Duplicate `id` - the same ID is used on more than one element.	HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1	6 pages

	`id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` https://www.lifestylefoodies.com/easy-chocolate-chip-bread-pudding-recipe/	Line 2337 2337 2337 2351 2365 ...
	`id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 2031 2031 2031 2045 2059 ...
	`id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1977 1977 1977 1991 2005 ...
	`id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` `id=29ec6fc916c139c9549352bfdf9c609b` https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 2355 2355 2355 2369 2383 ...
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
	Each `a` element must contain text or an `img` with an `alt` attribute.	WCAG 2.1 A F89 Section 508 (2017) A F89	6 pages
	A link name allows screen readers to voice what the links does. If there is no link text / `alt` text, or the text / image is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following: Add text between the `a` element start and end tags Add an `aria-label` attribute Add an `aria-labelledby` attribute Add a descriptive `img alt` attribute if the link contains an `img` element	2.4.4 2.4.9 4.1.2
	https://www.lifestylefoodies.com/easy-chocolate-chip-bread-pudding-recipe/	Line 2542 2546 2555 2571
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 3253 3257 3266 3282
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 3107 3111 3120 3136
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 2558 2562 2571 2587
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
	Headings should not be empty.	WCAG 2.1 A 1.3.1 Section 508 (2017) A 1.3.1	7 pages
	Add text to the heading, or `alt` text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings.
	https://www.lifestylefoodies.com/	Line 10306
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 4811
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 6757
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 2953
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
	HTML form control has no accessible name.	WCAG 2.1 A F68 Section 508 (2017) A F68	6 pages
	A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following: Use a `label` element with the `for` attribute set to the ID of the form control Wrap a `label` element around the form control Add a `title` attribute Add an `aria-label` attribute Add an `aria-labelledby` attribute	4.1.2
	https://www.lifestylefoodies.com/easy-chocolate-chip-bread-pudding-recipe/	Line 2679
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 4553
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 6499
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 2695
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
	Identify row and column headers in data tables using `th` elements, and mark layout tables with `role=presentation`.	WCAG 2.1 A F91 Section 508 (2017) A F91	2 pages
	Data tables allow screen reader users to understand column and row relationships. Layout tables read cells as a series of unrelated paragraphs with no tabular structure. Without `th` or `role`, screen readers apply heuristics to decide whether a table is a layout table or data table. These heuristics vary greatly between screen readers, and are affected by browser being used, window size, and font size (so the outcome is very unpredictable without `th` or `role`). If a data table has headers marked up using `td`, then change these to `th`. If a data table has no headers, add `th` elements describing each row and/or column. If the table is only used for layout add `role=presentation` to the `table` element. Impact on users: JAWS Reading: Treats tables without `th` and `role` as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used. NVDA Reading: Applies a layout table heuristic to tables without `th` and `role` which varies depending on the browser used and on the window size in some circumstances. VoiceOver Reading: Uses a sophisticated heuristic on tables without `th` and `role`, which is similar (but not identical) to the heuristic used by NVDA with Firefox.	1.3.1
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 2658
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 2472
	No space between attributes.	HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1	2 pages

	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 3396 3396 3425 3425 3453 ...
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 3250 3250 3281 3281 3309 ...
	Removing the underline from links makes it hard for color-blind users to see them.	WCAG 2.1 A F73 Section 508 (2017) A F73	6 pages
	Remove the `text-decoration:none` property from your link styles, or add other style attributes in addition to color changes to make links visible to people without color vision.	1.4.1
	https://www.lifestylefoodies.com/easy-chocolate-chip-bread-pudding-recipe/	Line 1786 1790 1823
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1793 1797 1830
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1786 1790 1823
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1786 1790 1823
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
	The visual label must appear in the accessible name of links and controls.	WCAG 2.1 A F96 Section 508 (2017) A F96	7 pages
	People who use speech control rely on being able to select elements using the visual label displayed on screen. If this isn't part of the accessible name, they can't select elements by name.	2.5.3
	Visual label: `Back To Top` not in `Go to top` `Load More Posts` not in `More Posts` https://www.lifestylefoodies.com/	Line 10128 10687
	Visual label: `Back To Top` not in `Go to top` https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 5482
	Visual label: `Back To Top` not in `Go to top` https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 7428
	Visual label: `Back To Top` not in `Go to top` https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 3624
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
	Use semantic markup like `strong` instead of using the CSS `font-weight` property.	WCAG 2.1 A F2 Section 508 (2017) A F2	7 pages
	Use the `strong` element instead of the `span` element for bold text.	1.3.1
	https://www.lifestylefoodies.com/	Line 9271 10141 10154 10167 10180 ...
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1044 2141 3181 4589 4607 ...
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1037 2115 3035 6535 6553 ...
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1037 1960 2486 2731 2749 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
Level AA 2 issues on 7 pages
	Ensure that text and background colors have enough contrast.	WCAG 2.1 AA 1.4.3 Section 508 (2017) AA 1.4.3	7 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 3.0 or more for 18 point text, or larger The contrast ratio should be 3.0 or more for 14 point bold text, or larger The contrast ratio should be 4.5 or more for all other text	1.4.6
	The text color to background color contrast ratio after composition is: 3.18 with `color: rgb(255,255,255);background-color: rgb(104,159,56);font-size: 9pt;font-weight: 700;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 400;` https://www.lifestylefoodies.com/	Line 9271 9926 9953 9980 10007 ...
	The text color to background color contrast ratio after composition is: 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.18 with `color: rgb(255,255,255);background-color: rgb(104,159,56);font-size: 9pt;font-weight: 700;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1044 3164 3166 3168 3170 ...
	The text color to background color contrast ratio after composition is: 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.18 with `color: rgb(255,255,255);background-color: rgb(104,159,56);font-size: 9pt;font-weight: 700;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1037 3020 3022 3024 3124 ...
	The text color to background color contrast ratio after composition is: 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.18 with `color: rgb(255,255,255);background-color: rgb(104,159,56);font-size: 9pt;font-weight: 700;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 3.54 with `color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1037 2473 2475 2575 2591 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 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	7 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
	`:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: https://www.lifestylefoodies.com/	Line 9317 9737 10128 10576 10687 ...
	`:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1170 1174 1290 1406 1522 ...
	`:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1163 1167 1283 1399 1515 ...
	`:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: `:focus` and `:not(:focus)` have same outline: https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1163 1167 1283 1399 1515 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
Level AAA 3 issues on 7 pages
	Avoid specifying a new window as the target of a link with `target=_blank`.	WCAG 2.1 AAA F22	7 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-label` attribute.	3.2.5
	https://www.lifestylefoodies.com/	Line 10576 10657 10660 10663 10666 ...
	https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 2874 2878 2882 2886 2890 ...
	https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 2741 2745 2749 2753 3048 ...
	https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 2499 2505 2511 2517 2523 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
	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	7 pages
	Use the `@media (prefers-reduced-motion)` media query to respect user preferences.
	`:hover transition: all 0.25s` `:hover transition: all 0.2s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` https://www.lifestylefoodies.com/	Line 9307 10128 10148 10161 10615 ...
	`:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1864 1868 1872 1876 1880 ...
	`:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1853 1857 1861 1865 1869 ...
	`:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1859 1863 1867 1871 1875 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
	Ensure that text and background colors have a 7:1 contrast ratio.	WCAG 2.1 AAA 1.4.6	7 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: 5.65 with `color: rgb(153,153,153);background-color: rgb(33,33,33);font-size: 10.50pt;font-weight: 400;` https://www.lifestylefoodies.com/	Line 10684
	The text color to background color contrast ratio after composition is: 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` https://www.lifestylefoodies.com/healthy-food-addiction-recipes/	Line 1864 1868 1872 1876 1880 ...
	The text color to background color contrast ratio after composition is: 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` https://www.lifestylefoodies.com/is-sushi-healthy-to-eat/	Line 1853 1857 1861 1865 1869 ...
	The text color to background color contrast ratio after composition is: 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` 4.70 with `color: rgb(57,130,75);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;opacity: 0.82;` https://www.lifestylefoodies.com/jamaican-bread-pudding-recipe/	Line 1859 1863 1867 1871 1875 ...
	This issue was found on another 3 pages. The trial version is limited to showing issues on 4 pages.
	Expand all 14 issues

Site Report

Level A

Level AA

Level AAA