Knowledge

alt attribute

Source 📝

440: 490:. This makes the page more navigable for users of screen readers or non-graphical browsers by skipping over images that do not convey any meaning. If no alt attribute has been supplied, then browsers that cannot display the image will not overlook the image but instead will read or display the URL or another identifying marker. This creates ambiguity since the user is generally unable to determine from a bare reading of a URL if the image is relevant to the text or if it is a purely decorative element of the webpage. A 2021 432: 456:
being a literal description of the image itself. For example, an alt attribute for an image of an institution's logo should convey that it is the institution's logo rather than describing details of what the logo looks like. The alt attribute is intended to be used for short and concise descriptions of the image. Longer descriptions can be given using the longdesc attribute, which provides more detailed information and complements but does not replace the alt attribute.
455:
The text in the alt attribute is used to replace the image when the image cannot be loaded, without changing the intended meaning of the page's contents. The W3C's web content accessibility guidelines state that the alt attribute is used to convey the meaning and intent of the image, rather than
516:
ruled that the website had discriminated against him for failing to conform to accessibility standards that enable blind individuals to navigate websites. During the lawsuit, the Australian commonwealth, state and territory governments issued a joint statement through the
471:). A graphical browser typically will display only the image, and will display the alt text only if the user views the image's properties, or has configured the browser not to display images, or if the browser was unable to retrieve or to decode the image. 353:(W3C), recommends that every image displayed through HTML have an alt attribute, though the alt attribute does not need to contain text. The lack of proper alt attributes on website images has led to several accessibility-related lawsuits. 356:
The alt attribute is used to increase accessibility and user friendliness, including for blind internet users who rely on special software for web browsing. The use of the alt attribute for images displayed within HTML is part of W3C's
478:, to search for and display relevant images that are used on websites in search results. For non-image search results, the text within the alt attribute is read by search engines the same way that regular text on the page is read. 485:
rather than in the HTML markup. If decorative images are rendered using HTML that do not add to the content and provide no additional information, then the W3C recommends that a blank alt attribute be included in the form of
871: 1090: 659: 419:
to misuse the alt attribute when they wished to display tooltips containing additional information about images, instead of using the title attribute that was intended for that use. As of
504: 1318: 518: 542:
violated the ADA because the images did not use alt attributes. This lawsuit set a legal precedent in the United States for website accessibility and compliance with the ADA.
1060: 935: 494:
audit showed that 27% of alt text attributes audited were empty, despite the fact that the majority of those images were non-decorative informational images.
861: 902: 1425: 1082: 509: 1291: 669: 1537: 807: 534: 133: 753: 1029: 524:
In the United States, there have been several high-profile lawsuits involving the lack of alt attributes on images that cite a violation of the
965: 1313: 1254: 1195: 839: 604: 1052: 775: 731: 571: 474:
The use of descriptions in the alt attribute improves search engine optimization and allows image-specific search engines, such as
259: 1140: 435:
An example of alt attribute text being displayed in place of an unavailable image, with the underlying HTML displayed below it
304: 1482: 997: 358: 1402: 529: 700: 513: 1348:"What retailers need to understand about website inaccessibility and disabled consumers: Challenges and opportunities" 925: 512:
because their website www.olympics.com was not accessible to him because of the lack of alt attributes on images. The
637: 563: 525: 389:
The attribute was first introduced in the HTML 1.2 draft in 1993 to provide support for text-based browsers. In
1128: 290: 341:
that cannot be rendered. The alt attribute is used for short descriptions, with longer descriptions using the
992: 894: 264: 221: 160: 1157:"A Longitudinal Study of Website Accessibility: Have Social Work Education Websites Become More Accessible?" 502:
There have been many lawsuits over website accessibility and the lack of proper alt attributes on websites.
1433: 866: 369:
read the alt attribute in place of the image. The text within the alt attribute substitutes the image when
1281: 460: 128: 797: 1542: 378: 481:
The W3C recommends that images that convey no information, but are purely decorative, be specified in
467:
will display the alt text instead of the image (or will display the value attribute if the image is a
1117:"Monitoring for Accessibility and University Websites: Meeting the Needs of People with Disabilities" 1019: 834: 632: 600: 412: 350: 216: 957: 1323: 1244: 1156: 767: 366: 118: 1463:
Proceedings of the 41st Annual Hawaii International Conference on System Sciences (HICSS 2008)
1217:
Tait, Alex; Davis, Scott; Niyi-Awosusi, Olu; Wilhelm, Gary; Dixon, Carlie (30 November 2021).
393:, which was released in 1999, the attribute was made to be a requirement for the img and area 374: 150: 829: 596: 1458:"Web Accessibility for the Blind: Corporate Social Responsibility or Litigation Avoidance?" 439: 155: 72: 8: 1347: 420: 404: 1218: 723: 567: 1474: 1376: 1187: 468: 464: 448: 342: 283: 172: 532:
gives the lack of alt attributes as an example of a barrier to website accessibility.
423:, released in 2009, alt attributes no longer render as tooltips on Internet Explorer. 1380: 1368: 1191: 1024: 747: 521:
that they were adopting the W3C's accessibility guidelines for all .gov.au websites.
491: 1478: 1466: 1360: 1177: 1169: 463:
will read out the alt text in place of the image. A text-based web browser such as
138: 559: 99: 40: 987: 1457: 1394: 1266: 930: 346: 318: 243: 106: 50: 1173: 1532: 1526: 1426:"Websites for the Blind: Is This The Next 'Year 2000 Compliant' Requirement?" 1372: 475: 416: 362: 276: 145: 94: 692: 1470: 1286: 1249: 664: 451:, displaying the text of the alt attribute in orange in place of the images 338: 89: 84: 79: 30: 1319:
Australian Department of Broadband, Communications and the Digital Economy
627: 1517: 1345:
Cohen, Alex H.; Fresneda, Jorge E.; Anderson, Rolph E. (September 2020).
1182: 238: 233: 123: 67: 1507: 431: 1513: 1364: 539: 370: 330: 182: 177: 55: 45: 390: 1116: 310:
Alternative text that appears when a HTML element cannot be rendered
1314:"Seventh Ministerial meeting of the Online Council – Media release" 394: 1429: 802: 768:"What's New in Internet Explorer 8 – Accessibility and ARIA" 408: 628:"Use the alt attribute to describe the function of each visual" 519:
Department of Broadband, Communications and the Digital Economy
398: 228: 204: 508:
was a 2000 lawsuit in which a blind man in Australia sued the
568:"Hypertext Markup Language (HTML) Internet Draft version 1.2" 326: 209: 199: 194: 187: 62: 35: 1216: 505:
Maguire v Sydney Organising Committee for the Olympic Games
444: 322: 21: 482: 165: 397:. It is optional for the input tag and the deprecated 1344: 1154:
Curl, Angela L.; Bowers, Deborah D. (23 April 2009).
558: 1456: 1346: 1155: 895:"Google Explains Alt Text for Logos & Buttons" 538:was a 2006 class-action lawsuit that alleged that 1121:Journal of Postsecondary Education and Disability 1053:"Google: Alt Text Only A Factor For Image Search" 510:Sydney Organising Committee for the Olympic Games 1524: 535:National Federation of the Blind v. Target Corp. 303:For the use of alt attributes in Knowledge, see 1115:Solovieva, Tatiana I.; Bock, Jeremy M. (2014). 626:Hazaël-Massieux, Dominique (20 November 2002). 625: 415:(W3C)'s HTML standards. This behavior led many 923: 660:"Why doesn't Mozilla display my alt tooltips?" 619: 1114: 407:and earlier render text in alt attributes as 284: 1110: 1108: 1514:Mini-FAQ about the alternate text of images 1424:Daniels, Linda Markus (13 September 2006). 1395:"Guidance on Web Accessibility and the ADA" 752:: CS1 maint: numeric names: authors list ( 721: 1153: 291: 277: 1181: 1105: 1012: 980: 790: 591: 589: 337:) that is to be displayed in place of an 1050: 1044: 438: 430: 1538:Internet properties established in 1995 1423: 1417: 1387: 1282:"Website 'discriminated against blind'" 1279: 1273: 1210: 1162:Journal of Technology in Human Services 950: 917: 854: 822: 552: 1525: 1141:Education Resources Information Center 924:Hofmann, Frank; Beckert, Axel (2021). 892: 830:"Using alt attributes on img elements" 684: 586: 411:text, which is not compliant with the 1454: 1448: 1338: 1306: 1242: 1236: 778:from the original on 28 February 2009 607:from the original on 6 September 2008 345:. The standards organization for the 305:Knowledge:Alternative text for images 1405:from the original on 13 October 2022 1257:from the original on 14 October 2022 1198:from the original on 14 October 2022 1147: 1131:from the original on 14 October 2022 1032:from the original on 14 October 2022 1000:from the original on 12 October 2022 968:from the original on 4 February 2019 938:from the original on 15 October 2022 926:"Text Art: Rendering images as text" 905:from the original on 3 November 2022 359:Web Content Accessibility Guidelines 1508:Appropriate Use of Alternative Text 1465:. Waikoloa, HI: IEEE. p. 284. 1294:from the original on 23 August 2016 1280:Barkham, Patrick (30 August 2000). 1243:White, Caroline (2 November 2000). 1219:"Part II Chapter 9 – Accessibility" 1075: 1051:Southern, Matt G. (22 March 2022). 810:from the original on 22 August 2022 703:from the original on 8 January 2022 690: 574:from the original on 3 January 2017 530:United States Department of Justice 13: 1063:from the original on 22 April 2022 652: 640:from the original on 20 March 2022 514:Australian Human Rights Commission 14: 1554: 1501: 1485:from the original on 8 March 2021 893:Montti, Roger (1 November 2022). 874:from the original on 22 July 2022 734:from the original on 26 July 2009 597:"13 Objects, Images, and Applets" 329:documents to specify alternative 1455:Frank, Jonathan (January 2008). 1093:from the original on 2 July 2017 842:from the original on 16 May 2022 722:W3C HTML WG (24 December 1999). 886: 526:Americans with Disabilities Act 1322:. 30 June 2000. Archived from 1223:Web Almanac by HTTParchive.org 1020:"Google Images best practices" 760: 715: 373:as text and makes images more 1: 993:Pennsylvania State University 545: 265:Comparison of browser engines 867:University of South Carolina 7: 1353:Journal of Consumer Affairs 1083:"Embedded content – HTML 5" 724:"7.4.3 The title attribute" 570:. IETF IIIR Working Group. 497: 10: 1559: 693:"Use of ALT texts in IMGs" 445:Knowledge article for Wolf 384: 379:search engine optimization 302: 1174:10.1080/15228830902749229 962:lynx.invisible-island.net 958:"Lynx Users Guide v2.8.9" 835:World Wide Web Consortium 633:World Wide Web Consortium 601:World Wide Web Consortium 413:World Wide Web Consortium 351:World Wide Web Consortium 260:Document markup languages 459:A screen reader such as 426: 728:HTML 4.01 Specification 367:text-based web browsers 1471:10.1109/HICSS.2008.497 798:"HTMLImageElement.alt" 452: 436: 1057:Search Engine Journal 1028:. 20 September 2022. 899:Search Engine Journal 442: 434: 151:Document Object Model 1436:on 16 September 2008 1245:"Battle to be equal" 603:. 24 December 1999. 156:Browser Object Model 421:Internet Explorer 8 405:Internet Explorer 7 129:Character encodings 1365:10.1111/joca.12307 996:. 6 October 2014. 672:on 15 October 2008 453: 437: 343:longdesc attribute 1543:Web accessibility 1401:. 18 March 2022. 1025:Google Developers 492:Google Lighthouse 377:, which improves 301: 300: 1550: 1495: 1494: 1492: 1490: 1460: 1452: 1446: 1445: 1443: 1441: 1432:. Archived from 1421: 1415: 1414: 1412: 1410: 1391: 1385: 1384: 1350: 1342: 1336: 1335: 1333: 1331: 1310: 1304: 1303: 1301: 1299: 1277: 1271: 1270: 1264: 1262: 1240: 1234: 1233: 1231: 1229: 1214: 1208: 1207: 1205: 1203: 1185: 1159: 1151: 1145: 1144: 1138: 1136: 1112: 1103: 1102: 1100: 1098: 1079: 1073: 1072: 1070: 1068: 1048: 1042: 1041: 1039: 1037: 1016: 1010: 1009: 1007: 1005: 988:"Image ALT Text" 984: 978: 977: 975: 973: 954: 948: 947: 945: 943: 921: 915: 914: 912: 910: 890: 884: 883: 881: 879: 858: 852: 851: 849: 847: 826: 820: 819: 817: 815: 794: 788: 787: 785: 783: 764: 758: 757: 751: 743: 741: 739: 719: 713: 712: 710: 708: 697:www.htmlhelp.com 688: 682: 681: 679: 677: 668:. Archived from 656: 650: 649: 647: 645: 623: 617: 616: 614: 612: 593: 584: 583: 581: 579: 564:Connolly, Daniel 560:Berners-Lee, Tim 556: 489: 469:clickable button 449:Lynx web browser 375:machine-readable 293: 286: 279: 244:Rendering engine 134:named characters 18: 17: 1558: 1557: 1553: 1552: 1551: 1549: 1548: 1547: 1523: 1522: 1504: 1499: 1498: 1488: 1486: 1453: 1449: 1439: 1437: 1422: 1418: 1408: 1406: 1393: 1392: 1388: 1343: 1339: 1329: 1327: 1326:on 20 June 2013 1312: 1311: 1307: 1297: 1295: 1278: 1274: 1260: 1258: 1241: 1237: 1227: 1225: 1215: 1211: 1201: 1199: 1152: 1148: 1134: 1132: 1113: 1106: 1096: 1094: 1081: 1080: 1076: 1066: 1064: 1049: 1045: 1035: 1033: 1018: 1017: 1013: 1003: 1001: 986: 985: 981: 971: 969: 956: 955: 951: 941: 939: 922: 918: 908: 906: 891: 887: 877: 875: 862:"Logo Alt Text" 860: 859: 855: 845: 843: 828: 827: 823: 813: 811: 796: 795: 791: 781: 779: 766: 765: 761: 745: 744: 737: 735: 720: 716: 706: 704: 689: 685: 675: 673: 658: 657: 653: 643: 641: 624: 620: 610: 608: 595: 594: 587: 577: 575: 557: 553: 548: 500: 487: 429: 387: 311: 308: 297: 12: 11: 5: 1556: 1546: 1545: 1540: 1535: 1521: 1520: 1511: 1503: 1502:External links 1500: 1497: 1496: 1447: 1416: 1386: 1359:(3): 854–889. 1337: 1305: 1272: 1267:Newspapers.com 1235: 1209: 1146: 1127:(2): 113–127. 1104: 1074: 1043: 1011: 979: 949: 931:Linux Magazine 916: 885: 853: 821: 789: 759: 714: 691:Flavell, A.J. 683: 651: 618: 585: 550: 549: 547: 544: 499: 496: 428: 425: 417:web developers 386: 383: 363:Screen readers 347:World Wide Web 319:HTML attribute 309: 299: 298: 296: 295: 288: 281: 273: 270: 269: 268: 267: 262: 254: 253: 249: 248: 247: 246: 241: 236: 231: 226: 225: 224: 214: 213: 212: 207: 202: 192: 191: 190: 180: 175: 170: 169: 168: 158: 153: 148: 143: 142: 141: 136: 126: 121: 116: 115: 114: 107:HTML attribute 104: 103: 102: 97: 92: 87: 77: 76: 75: 73:Mobile Profile 70: 60: 59: 58: 53: 48: 43: 33: 25: 24: 9: 6: 4: 3: 2: 1555: 1544: 1541: 1539: 1536: 1534: 1531: 1530: 1528: 1519: 1515: 1512: 1509: 1506: 1505: 1484: 1480: 1476: 1472: 1468: 1464: 1459: 1451: 1435: 1431: 1427: 1420: 1404: 1400: 1396: 1390: 1382: 1378: 1374: 1370: 1366: 1362: 1358: 1354: 1349: 1341: 1325: 1321: 1320: 1315: 1309: 1293: 1289: 1288: 1283: 1276: 1268: 1256: 1252: 1251: 1246: 1239: 1224: 1220: 1213: 1197: 1193: 1189: 1184: 1183:2374.MIA/5279 1179: 1175: 1171: 1168:(2): 93–105. 1167: 1163: 1158: 1150: 1142: 1130: 1126: 1122: 1118: 1111: 1109: 1092: 1088: 1084: 1078: 1062: 1058: 1054: 1047: 1031: 1027: 1026: 1021: 1015: 999: 995: 994: 989: 983: 967: 963: 959: 953: 937: 933: 932: 927: 920: 904: 900: 896: 889: 873: 869: 868: 863: 857: 841: 837: 836: 831: 825: 809: 805: 804: 799: 793: 777: 774:. Microsoft. 773: 769: 763: 755: 749: 733: 729: 725: 718: 702: 698: 694: 687: 671: 667: 666: 661: 655: 639: 635: 634: 629: 622: 606: 602: 598: 592: 590: 573: 569: 566:(June 1993). 565: 561: 555: 551: 543: 541: 537: 536: 531: 527: 522: 520: 515: 511: 507: 506: 495: 493: 484: 479: 477: 476:Google Images 472: 470: 466: 462: 457: 450: 446: 441: 433: 424: 422: 418: 414: 410: 406: 402: 400: 396: 392: 382: 380: 376: 372: 368: 364: 360: 354: 352: 348: 344: 340: 336: 332: 328: 324: 320: 316: 315:alt attribute 306: 294: 289: 287: 282: 280: 275: 274: 272: 271: 266: 263: 261: 258: 257: 256: 255: 251: 250: 245: 242: 240: 237: 235: 232: 230: 227: 223: 220: 219: 218: 215: 211: 208: 206: 203: 201: 198: 197: 196: 193: 189: 186: 185: 184: 181: 179: 176: 174: 171: 167: 164: 163: 162: 159: 157: 154: 152: 149: 147: 146:Language code 144: 140: 137: 135: 132: 131: 130: 127: 125: 122: 120: 117: 113: 112:alt attribute 110: 109: 108: 105: 101: 98: 96: 93: 91: 88: 86: 83: 82: 81: 78: 74: 71: 69: 66: 65: 64: 61: 57: 54: 52: 49: 47: 44: 42: 39: 38: 37: 34: 32: 29: 28: 27: 26: 23: 20: 19: 16: 1487:. Retrieved 1462: 1450: 1438:. Retrieved 1434:the original 1419: 1407:. Retrieved 1398: 1389: 1356: 1352: 1340: 1328:. Retrieved 1324:the original 1317: 1308: 1296:. Retrieved 1287:The Guardian 1285: 1275: 1265:– via 1259:. Retrieved 1250:The Guardian 1248: 1238: 1226:. Retrieved 1222: 1212: 1200:. Retrieved 1165: 1161: 1149: 1139:– via 1133:. Retrieved 1124: 1120: 1095:. Retrieved 1086: 1077: 1065:. Retrieved 1056: 1046: 1034:. Retrieved 1023: 1014: 1002:. Retrieved 991: 982: 970:. Retrieved 961: 952: 940:. Retrieved 929: 919: 907:. Retrieved 898: 888: 876:. Retrieved 865: 856: 844:. Retrieved 833: 824: 812:. Retrieved 801: 792: 780:. Retrieved 771: 762: 736:. Retrieved 727: 717: 705:. Retrieved 696: 686: 674:. Retrieved 670:the original 665:MDN Web Docs 663: 654: 642:. Retrieved 631: 621: 609:. Retrieved 578:18 September 576:. Retrieved 554: 533: 523: 503: 501: 480: 473: 458: 454: 403: 388: 355: 334: 314: 312: 161:Style sheets 111: 90:div and span 80:HTML element 31:Dynamic HTML 15: 1518:Ian Hickson 1510:from WebAIM 528:(ADA). The 371:copy-pasted 252:Comparisons 239:Web storage 234:Quirks mode 173:Font family 124:HTML editor 1527:Categories 1489:14 October 1440:14 October 1409:14 October 1330:14 October 1298:14 October 1261:14 October 1228:14 October 1202:14 October 1135:14 October 1067:14 October 1036:14 October 1004:14 October 972:15 October 942:14 October 909:3 November 878:15 October 846:13 October 814:14 October 707:16 October 644:14 October 611:4 December 546:References 540:Target.com 183:JavaScript 178:Web colors 119:HTML frame 1381:225771708 1373:0022-0078 1192:143667951 391:HTML 4.01 222:Validator 1483:Archived 1479:16280255 1403:Archived 1292:Archived 1255:Archived 1196:Archived 1129:Archived 1091:Archived 1061:Archived 1030:Archived 998:Archived 966:Archived 936:Archived 903:Archived 872:Archived 840:Archived 808:Archived 776:Archived 748:cite web 732:Archived 701:Archived 638:Archived 605:Archived 572:Archived 498:Lawsuits 361:(WCAG). 335:alt text 321:used in 1430:WRAL-TV 1399:ADA.gov 1097:29 June 803:Mozilla 782:22 July 738:22 July 730:. W3C. 676:22 July 447:on the 409:tooltip 385:History 381:(SEO). 339:element 317:is the 139:Unicode 100:marquee 41:article 1477:  1379:  1371:  1190:  488:alt="" 399:applet 349:, the 229:WHATWG 205:WebGPU 51:canvas 1475:S2CID 1377:S2CID 1188:S2CID 427:Usage 401:tag. 327:XHTML 210:WebXR 200:WebGL 195:Web3D 188:WebCL 95:blink 68:Basic 63:XHTML 56:video 46:audio 36:HTML5 1533:HTML 1491:2022 1442:2022 1411:2022 1369:ISSN 1332:2022 1300:2022 1263:2022 1230:2022 1204:2022 1137:2022 1099:2017 1069:2022 1038:2022 1006:2022 974:2022 944:2022 911:2022 880:2022 848:2022 816:2022 784:2009 772:MSDN 754:link 740:2009 709:2022 678:2009 646:2022 613:2005 580:2010 465:Lynx 461:Orca 443:The 395:tags 365:and 331:text 325:and 323:HTML 313:The 85:meta 22:HTML 1516:by 1467:doi 1361:doi 1178:hdl 1170:doi 1087:W3C 483:CSS 217:W3C 166:CSS 1529:: 1481:. 1473:. 1461:. 1428:. 1397:. 1375:. 1367:. 1357:54 1355:. 1351:. 1316:. 1290:. 1284:. 1253:. 1247:. 1221:. 1194:. 1186:. 1176:. 1166:27 1164:. 1160:. 1125:27 1123:. 1119:. 1107:^ 1089:. 1085:. 1059:. 1055:. 1022:. 990:. 964:. 960:. 934:. 928:. 901:. 897:. 870:. 864:. 838:. 832:. 806:. 800:. 770:. 750:}} 746:{{ 726:. 699:. 695:. 662:. 636:. 630:. 599:. 588:^ 562:; 1493:. 1469:: 1444:. 1413:. 1383:. 1363:: 1334:. 1302:. 1269:. 1232:. 1206:. 1180:: 1172:: 1143:. 1101:. 1071:. 1040:. 1008:. 976:. 946:. 913:. 882:. 850:. 818:. 786:. 756:) 742:. 711:. 680:. 648:. 615:. 582:. 333:( 307:. 292:e 285:t 278:v

Index

HTML
Dynamic HTML
HTML5
article
audio
canvas
video
XHTML
Basic
Mobile Profile
HTML element
meta
div and span
blink
marquee
HTML attribute
alt attribute
HTML frame
HTML editor
Character encodings
named characters
Unicode
Language code
Document Object Model
Browser Object Model
Style sheets
CSS
Font family
Web colors
JavaScript

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.