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.2	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 Number	Count
Level A 4 issues on 8 pages
	`iframe` and `frame` elements must have a `title` attribute.	WCAG 2.2 A 4.1.2 Section 508 (2017) A 4.1.2	1 pages
	Add a `title` attribute or ARIA label to each `iframe` and `frame` element (e.g. `title='Main Content'`). VoiceOver on macOS does not read frame contents automatically, and without a title the user does not know what the frame contains. Impact on users: VoiceOver macOS 14.6 Safari 17.6 macOS 14.6.1 Reading: Meaningless frame title read out.

	`<iframe src='...e' width='640' height='1200' frameborder='0' marginheight='0' marginwidth='0'>Loading…</iframe>`	Line 369
	https://fontgenerator.click/contact-us.html
	Indicating links using only a text color change does not work for color-blind users.	WCAG 2.2 A F73 Section 508 (2017) A F73	4 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. If the non-color cue only happens when the mouse hovers over the link or when the link receives focus, it is still a failure.	1.4.1

	`<a href='...l'>Privacy Policy</a>`	Line 814
	`<a href='...l'>About Us</a>`	Line 815
	`<a href='...l'>Contact</a>`	Line 816
	`<a href='...l'>Latest Updates</a>`	Line 817
	`<a href='...l'>Feedback</a>`	Line 818
	https://fontgenerator.click/

	`<a href='...l'>سياسة الخصوصية</a>`	Line 641
	`<a href='...l'>معلومات عنا</a>`	Line 642
	`<a href='...l'>اتصل</a>`	Line 643
	`<a href='...l'>آخر التحديثات</a>`	Line 644
	`<a href='...l'>تعليقات</a>`	Line 645
	https://fontgenerator.click/ar.html

	`<a href='...l'>Política de Privacidad</a>`	Line 640
	`<a href='...l'>Sobre Nosotros</a>`	Line 641
	`<a href='...l'>Contacto</a>`	Line 642
	`<a href='...l'>Últimas Actualizaciones</a>`	Line 643
	`<a href='...l'>Comentarios</a>`	Line 644
	https://fontgenerator.click/es.html

	`<a href='...l'>Politique de Confidentialité</a>`	Line 643
	`<a href='...l'>À propos de nous</a>`	Line 644
	`<a href='...l'>Contact</a>`	Line 645
	`<a href='...l'>Dernières Mises à Jour</a>`	Line 646
	`<a href='...l'>Commentaires</a>`	Line 647
	https://fontgenerator.click/fr.html
	This page has words made of Unicode characters that look like English characters but are from another alphabet. This means screen readers are unable to pronounce these words correctly.	WCAG 2.2 A F71 Section 508 (2017) A F71	1 pages
	Replace the characters with their English characters equivalents, or if the text is not English, add a `lang` attribute to the enclosing element.	1.1.1

	`<a href='...l' data-lang='ru'>Россия</a>`	Line 145
	https://fontgenerator.click/
	Use the `lang` attribute to identify the language of the page.	WCAG 2.2 A 3.1.1 Section 508 (2017) A 3.1.1	4 pages
	In HTML add a `lang` attribute containing a language code to the `html` tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly. This page sends a Content-Language HTTP header, which is not a substitute for the HTML lang attribute, and is ignored by screen readers. Current advice from the W3 says "Use language attributes rather than HTTP to declare the default language for text processing"

	`<html><head><title>About ...r</title>...</head><body>...</body></html>`	Line 3
	https://fontgenerator.click/about-us.html

	`<html><head><title>Contact ...r</title>...</head><body>...</body></html>`	Line 3
	https://fontgenerator.click/contact-us.html

	`<html><head><title>FAQ - ...r</title>...</head><body>...</body></html>`	Line 3
	https://fontgenerator.click/faq.html

	`<html><head><title>Privacy ...r</title>...</head><body>...</body></html>`	Line 3
	https://fontgenerator.click/privacy-policy.html
Level AA 3 issues on 8 pages
	Cannot use `aria-label` or `aria-labelledby` on elements and roles that prohibit naming.	HTML5 ARIA 1.2	1 pages
	The `div` and `span` elements have an implicit role of `generic` and cannot be named unless they have a `role` attribute. The following roles cannot be named: `caption` `code` `deletion` `emphasis` `generic` `insertion` `paragraph` `presentation` `strong` `subscript` `superscript`

	Element role: `generic` `<div id='collapseOne' class='accordion-collapse ...' data-bs-parent='...' aria-labelledby='headingOne'>...</div>`	Line 404
	https://fontgenerator.click/faq.html
	Ensure that text and background colors have enough contrast.	WCAG 2.2 AA 1.4.3 Section 508 (2017) AA 1.4.3	8 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:
	4.48 with `color: rgb(119,119,119)background: rgb(255,255,255)` `font-size: 9ptfont-weight: 400` `<span class='style-name'>Cursive</span>`	Line 172
	4.48 with `color: rgb(119,119,119)background: rgb(255,255,255)` `font-size: 9ptfont-weight: 400` `<span class='style-name'>Historical</span>`	Line 185
	4.48 with `color: rgb(119,119,119)background: rgb(255,255,255)` `font-size: 9ptfont-weight: 400` `<span class='style-name'>Gothic</span>`	Line 198
	4.48 with `color: rgb(119,119,119)background: rgb(255,255,255)` `font-size: 9ptfont-weight: 400` `<span class='style-name'>Rounded</span>`	Line 211
	4.48 with `color: rgb(119,119,119)background: rgb(255,255,255)` `font-size: 9ptfont-weight: 400` `<span class='style-name'>Vintage</span>`	Line 224
	https://fontgenerator.click/
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='https://fontgenerator.click/'>Home</a>`	Line 320
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='.../'>Tools</a>`	Line 327
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='faq.html'>FAQ</a>`	Line 334
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link ...' href='#' id='dropdown01' data-bs-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>About</a>`	Line 341
	https://fontgenerator.click/about-us.html
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='https://fontgenerator.click/'>Home</a>`	Line 306
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='.../'>Tools</a>`	Line 313
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='faq.html'>FAQ</a>`	Line 320
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link ...' href='#' id='dropdown01' data-bs-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>About</a>`	Line 327
	https://fontgenerator.click/contact-us.html
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='https://fontgenerator.click/'>Home</a>`	Line 306
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='.../'>Tools</a>`	Line 313
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link' href='faq.html'>FAQ</a>`	Line 320
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 12ptfont-weight: 500` `<a class='nav-link ...' href='#' id='dropdown01' data-bs-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>About</a>`	Line 327
	https://fontgenerator.click/privacy-policy.html
	This issue was found on another 4 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 link focus outline.	WCAG 2.2 AA F78 Section 508 (2017) AA F78	2 pages
	Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See :focus-visible for more information. 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)	2.4.7

	`:focus` has `outline: rgb(0,0,0) none 0px` `<div tabindex='0' id='...'></div>`	Line 829
	`:focus` has `outline: invert none 0px` `<button class='fc-faq-header ...' role='button' tabindex='0' aria-label='Learn more'>...</button>`	Line 829
	`:focus` has `outline: invert none 0px` `<a class='...' role='button' tabindex='0' href='#'>142 TCF ...)</a>`	Line 829
	`:focus` has `outline: rgb(0,0,0) none 0px` `<div tabindex='0' id='...'></div>`	Line 829
	https://fontgenerator.click/

	`:focus` has `outline: invert none 0px` `<button class='accordion-button' type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='true' aria-controls='collapseOne'>What is a free online font generator, and how can I use it?</button>`	Line 397
	https://fontgenerator.click/faq.html
Level AAA 2 issues on 8 pages
	Avoid specifying a new window as the target of a link with `target=_blank`.	WCAG 2.2 AAA F22	4 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

	`<a href='https://fontgenerator.click' class='text-primary' target='_blank'>FontGenerator.click</a>`	Line 628
	https://fontgenerator.click/about-us.html

	`<a href='https://fontgenerator.click' class='text-primary' target='_blank'>FontGenerator.click</a>`	Line 438
	https://fontgenerator.click/contact-us.html

	`<a href='https://fontgenerator.click' class='text-primary' target='_blank'>FontGenerator.click</a>`	Line 648
	https://fontgenerator.click/faq.html

	`<a href='https://fontgenerator.click/' target='_blank'>.../</a>`	Line 485
	`<a href='...g' target='_blank'>Privacy Policies website</a>`	Line 575
	`<a href='...l' target='_blank'>...l</a>`	Line 892
	`<a href='https://fontgenerator.click' class='text-primary' target='_blank'>FontGenerator.click</a>`	Line 967
	https://fontgenerator.click/privacy-policy.html
	Ensure that text and background colors have a 7:1 contrast ratio.	WCAG 2.2 AAA 1.4.6	8 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.98 with `color: rgb(74,99,117)background: linear-gradient(to right , rgb(249,249,249) , rgb(238,241,245))` `font-size: 12ptfont-weight: 400` `<p class='stepfonts'>Fancy fonts are a fun ... chnage your text font:</p>`	Line 631
	3.22 with `color: rgb(255,255,255)background: rgb(79,140,255)` `font-size: 15.60ptfont-weight: 700` `<div class='...'>1</div>`	Line 641
	5.98 with `color: rgb(74,99,117)background: linear-gradient(to right , rgb(249,249,249) , rgb(238,241,245))` `font-size: 12ptfont-weight: 400` `<p>Start by entering your text into ... else you want to turn into text.</p>`	Line 646
	5.98 with `color: rgb(74,99,117)background: linear-gradient(to right , rgb(249,249,249) , rgb(238,241,245))` `font-size: 12ptfont-weight: 400` `<p>The tool generates fancy fonts ... will be copied to your clipboard.</p>`	Line 657
	3.22 with `color: rgb(255,255,255)background: rgb(79,140,255)` `font-size: 15.60ptfont-weight: 700` `<div class='...'>2</div>`	Line 661
	https://fontgenerator.click/
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 18ptfont-weight: 700` `<a class='navbar-brand' href='https://fontgenerator.click/'>Font Generator</a>`	Line 302
	4.50 with `color: rgb(255,255,255)background: rgb(13,110,253)` `font-size: 15ptfont-weight: 400` `<a href='https://fontgenerator.click' class='btn btn-primary ...'>...!</a>`	Line 506
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<button class='btn ...' onclick='toggleShareBox()'>Share</button>`	Line 574
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='https://fontgenerator.click' class='text-primary' target='_blank'>...</a>`	Line 628
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='privacy-policy.html' class='text-primary me-3'>Privacy Policy</a>`	Line 634
	https://fontgenerator.click/about-us.html
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 18ptfont-weight: 700` `<a class='navbar-brand' href='https://fontgenerator.click/'>Font Generator</a>`	Line 288
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<button class='btn ...' onclick='toggleShareBox()'>Share</button>`	Line 384
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='https://fontgenerator.click' class='text-primary' target='_blank'>...</a>`	Line 438
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='privacy-policy.html' class='text-primary me-3'>Privacy Policy</a>`	Line 444
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='about-us.html' class='text-primary me-3'>About Us</a>`	Line 447
	https://fontgenerator.click/contact-us.html
	The text color to background color contrast ratio after composition is:
	3.78 with `color: rgb(0,123,255)background: rgb(248,249,250)` `font-size: 18ptfont-weight: 700` `<a class='navbar-brand' href='https://fontgenerator.click/'>Font Generator</a>`	Line 288
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='https://fontgenerator.click/' target='_blank'>.../</a>`	Line 485
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='...g' target='_blank'>Privacy Policies website</a>`	Line 575
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<a href='...l' target='_blank'>https://fontgenerator.click/contact-us.html</a>`	Line 892
	4.50 with `color: rgb(13,110,253)background: rgb(255,255,255)` `font-size: 12ptfont-weight: 400` `<button class='btn ...' onclick='toggleShareBox()'>Share</button>`	Line 913
	https://fontgenerator.click/privacy-policy.html
	This issue was found on another 4 pages. The trial version is limited to showing issues on 4 pages.
	Expand all 9 issues

Site Report

Level A

Level AA

Level AAA