|
For purely decorative images and spacers use alt='' , for images of text use the text, and for other images use a description of the image. Impact on users: - JAWS : Reads out placeholder text, instead of a useful image description.
- NVDA : Reads out placeholder text, instead of a useful image description.
- VoiceOver : Reads out placeholder text, instead of a useful image description.
| 1.1.1 1.2.1 | |
| alt='image 1' alt='image 2' alt='image 3' alt='image 4' alt='image 5' https://zasvetfoto.com/djeiimi-svit | Line 557 568 579 590 601
...
| |
| alt='image 1' alt='image 2' alt='image 3' alt='image 4' alt='image 5' https://zasvetfoto.com/kembra-pfaler | Line 569 580 591 602 613
...
| |
| alt='image 1' alt='image 2' alt='image 3' alt='image 4' alt='image 5' https://zasvetfoto.com/polin-li-bo-lin | Line 557 568 579 590 601
...
| |
|
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: 1.90 with
color: rgb(188,188,188); background-color: rgb(255,255,255); font-size: 9pt; font-weight: 400; 1.90 with
color: rgb(188,188,188); background-color: rgb(255,255,255); font-size: 9pt; font-weight: 400; 1.90 with
color: rgb(188,188,188); background-color: rgb(255,255,255); font-size: 9pt; font-weight: 400; 1.90 with
color: rgb(188,188,188); background-color: rgb(255,255,255); font-size: 9pt; font-weight: 400; 1.90 with
color: rgb(188,188,188); background-color: rgb(255,255,255); font-size: 9pt; font-weight: 400; https://zasvetfoto.com/profession | Line 445 462 466 483 500
...
| |
| The text color to background color contrast ratio after composition is: 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 400; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 400; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 400; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 400; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 400; https://zasvetfoto.com/top100 | Line 414 444 474 504 534
...
| |
|
In HTML the color attributes are text , bgcolor , link , alink and vlink .
In CSS the attributes are color and background-color .
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. | 1.4.3 1.4.6 1.4.8 | |
| The colors used are:
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings https://zasvetfoto.com/profession | Line 407 409 411 413 415
...
| |
| The colors used are:
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings
color: rgb(0,0,0) and
background: rgb(255,255,255) from browser settings https://zasvetfoto.com/top100 | Line 428 458 488 518 548
...
| |