Store. The best way to buy the products you love.
Make content easily navigable by a screen reader
Apple, in his website structure (which is the html, accessible using inspect tool) uses <alt> text like so many other modern websites which helps and supports screen reader users. Which is really important and inclusive for users with hearing impaired.
Store. The best way to buy the products you love.
Ensure adaptability
Apple has no problems with adaptability since it’s the one thing they excel at the whole website is adaptable to every screen size from mobile to tablet to large desktops. And the whole website adapts to these different screen sizes with ease.
Store. The best way to buy the products you love.
**Add closed captioning to videos ** Yes Apple has many positive features in line but they are still missing an important accessibility feature which is the closed captioning to vides, I spent some time looking for videos in the apple website but didn’t find any transcripts or closed captions in any of the videos, which can make it harder for users who are deaf. Which affects the accessibility standards of the whole website
Previous - The Apple Store difference. Next - The Apple Store difference. <div class="as-l-container rs-cardsshelf-section-top rs-cards-shelf-header"> <h2 class="rs-cards-shelf-mainheader dd-subhead-mothers-day">The Apple Store difference.</h2> <span class="rs-cards-shelf-secondaryheader">Even more reasons to shop with us. </span> </div> <div class="rs-cardsshelf-section-bottom"> <div class="rf-cards-scroller"> <div class="rf-cards-scroller-overflow"> <div class="rf-cards-scroller-platter"> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/overlay/store/delivery" data-slot-name="shelf-4" data-display-name="AOS: overlay/store/delivery" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg width="49" height="56" viewBox="0 0 49 56" class="dd-glyph-svg dd-glyph-elevated" aria-hidden="true"> <path d="m0 0h49v56h-49z" fill="none" /> <path d="m47.8447 27.501-6.6758-7.1289c-.9111-.9619-1.9541-1.3721-3.4854-1.3721h-4.6836v-4c0-2.7614-2.2385-5-5-5h-22.9999c-2.7615 0-5 2.2386-5 5v21c0 2.7614 2.2385 5 5 5h1.1504c.2532 2.8719 2.6616 5.125 5.5996 5.125s5.3464-2.2531 5.5996-5.125h13.8008c.2532 2.8719 2.6616 5.125 5.5996 5.125s5.3464-2.2531 5.5996-5.125h2.6436c2.5469 0 4.0068-1.4092 4.0068-3.8657v-6.7515c0-1.0835-.4268-2.1396-1.1553-2.8818zm-32.5202 13.499c-.2463 1.7609-1.7468 3.125-3.5745 3.125s-3.3281-1.3641-3.5745-3.125c-.0232-.165-.0505-.3288-.0505-.5 0-.5364.1245-1.0415.3345-1.5.5725-1.2501 1.8281-2.125 3.2905-2.125s2.718.8749 3.2905 2.125c.21.4585.3345.9636.3345 1.5 0 .1712-.0273.335-.0505.5zm15.6755-2h-13.8335c-.6572-2.3773-2.8301-4.125-5.4165-4.125s-4.7593 1.7477-5.4165 4.125h-1.3335c-1.6543 0-3-1.3458-3-3v-21c0-1.6542 1.3457-3 3-3h23c1.6543 0 3 1.3458 3 3zm9.3245 2c-.2463 1.7609-1.7468 3.125-3.5745 3.125s-3.3281-1.3641-3.5745-3.125c-.0232-.165-.0505-.3288-.0505-.5 0-.5364.1245-1.0415.3345-1.5.5725-1.2501 1.8281-2.125 3.2905-2.125s2.718.8749 3.2905 2.125c.21.4585.3345.9636.3345 1.5 0 .1712-.0273.335-.0505.5zm6.6755-3.8657c0 1.3252-.5811 1.8657-2.0068 1.8657h-2.8267c-.6572-2.3773-2.8301-4.125-5.4165-4.125-1.4429 0-2.7544.5478-3.75 1.4407v-15.3157h4.6836c.9785 0 1.5107.1958 2.0303.7437l6.6875 7.1411c.375.3823.5986.9424.5986 1.498zm-3.3914-8.0216c.2444.2794.3914.493.3914.8873h-7.7773c-.75 0-1.2227-.4766-1.2227-1.2324v-5.7676h2.4131c.5703 0 .9944.23 1.3364.6244z" /> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header">Enjoy <span class="dd-highlight">two-hour delivery</span> from an Apple Store, <span class="dd-highlight">free delivery</span>, or <span class="dd-highlight">easy pickup.<span class="visuallyhidden"> Footnote </span>³</span></p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/overlay/store/tradein" data-slot-name="shelf-4" data-display-name="AOS: overlay/store/tradein" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg width="40" height="56" viewBox="0 0 40 56" class="dd-glyph-svg dd-glyph-elevated" aria-hidden="true"> <path d="m0 0h40v56h-40z" fill="none" /> <path d="m38 29.0205v9.9795c0 3.8594-3.1403 7-6.9996 7h-22c-3.8594 0-7-3.1406-7-7v-4.75h-1.2514c-.7087 0-.8958-.4824-.502-1.0337l2.2051-3.1304c.315-.4529.7875-.443 1.1025 0l2.2051 3.1403c.3839.5414.1969 1.0238-.5021 1.0238h-1.2576v4.75c0 2.7568 2.2435 5 5.0004 5h22c2.7568 0 5-2.2432 5-5v-9.9795c0-.5527.4473-1 1-1s.9996.4473.9996 1zm1.251-7.2705h-1.251v-4.75c0-3.8594-3.1403-7-6.9996-7h-22c-3.8594 0-7 3.1406-7 7v9.9795c0 .5527.4473 1 1 1s.9996-.4473.9996-1v-9.9795c0-2.7568 2.2435-5 5.0004-5h22c2.7568 0 5 2.2432 5 5v4.75h-1.258c-.6989 0-.886.4823-.502 1.0237l2.2051 3.1404c.315.4429.7875.4529 1.1025 0l2.2051-3.1305c.3937-.5513.2067-1.0336-.5021-1.0336zm-13.8013 1.6872c.2991-.2918.7214-.4372 1.2668-.4372h3.569c.5396 0 .9599.1454 1.261.4372.303.2918.4536.7004.4536 1.225v8.6845c0 .5246-.1486.9313-.4477 1.2201s-.7214.4332-1.2668.4332h-3.569c-.5454 0-.9677-.1444-1.2668-.4332s-.4496-.6955-.4496-1.2201v-8.6845c0-.5246.1505-.9333.4496-1.225zm.7038 9.7945c0 .2004.0469.3517.1447.4548.0958.1032.2424.1552.436.1552h3.524c.1935 0 .3402-.0521.4398-.1552.0997-.1032.1506-.2544.1506-.4548v-8.4546c0-.2004-.0508-.3537-.1506-.4598-.0997-.1061-.2463-.1591-.4398-.1591h-3.524c-.1935 0-.3402.053-.436.1591-.0977.1061-.1447.2593-.1447.4598zm2.3488-13.2317h-16.6196c-.5806 0-1.0401.1572-1.3773.4725s-.5054.783-.5054 1.4019v11.1256h-1.2559c-.2757 0-.5103.0824-.7038.2798s-.2903.4352-.2903.7122.0968.5138.2903.7122c.1935.1965.4281.2957.7038.2957h15.1703c-.2581-.4126-.393-.8841-.4047-1.4146 0-.1002-.002-.2004-.0059-.3006-.002-.1002-.0039-.1846-.0039-.2848h-12v-10.6512c0-.2829.0704-.4951.2111-.6366s.3519-.2122.6334-.2122h17.7686c-.0352-.4715-.1916-.9037-.4672-1.1424s-.6569-.3576-1.1437-.3576zm-.6924 5.4067h1.3802c.1114 0 .2072-.0403.2854-.1199.0801-.0796.1193-.1778.1193-.2957 0-.112-.0391-.2063-.1193-.2829-.0782-.0766-.174-.1149-.2854-.1149h-1.3802c-.1173 0-.215.0383-.2913.1149s-.1134.1709-.1134.2829c0 .1179.0371.2161.1134.2957s.174.1199.2913.1199zm-.4179 7.8983h2.2c.1887 0 .284-.1032.284-.3095 0-.0884-.027-.1611-.0809-.2171s-.1222-.0835-.2031-.0835h-2.2c-.0809 0-.1456.0275-.1941.0835s-.0719.1287-.0719.2171c0 .2063.0881.3095.266.3095z" /> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header"><span class="dd-highlight">Trade in your device,</span> get credit towards a new one.<span class="visuallyhidden">Footnote</span>¹</p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/finance/installment/affirm" data-slot-name="shelf-4" data-display-name="AOS: finance/installment/affirm" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg width="46" height="56" viewBox="0 0 46 56" class="dd-glyph-svg dd-glyph-elevated" aria-hidden="true"> <path d="M41.0009,12H5A5,5,0,0,0,.0009,17L0,39a5,5,0,0,0,4.9991,5H41.0009A5,5,0,0,0,46,39V17A5,5,0,0,0,41.0009,12ZM5,14H41.0009A3.0032,3.0032,0,0,1,44,17l.0005,2H2l.0005-2A3.0032,3.0032,0,0,1,5,14ZM41.0009,42H4.9991a3.0032,3.0032,0,0,1-3-3V22.9577H44V39A3.0032,3.0032,0,0,1,41.0009,42ZM15,31.5737v3.8526A1.5541,1.5541,0,0,1,13.4663,37H8.5338A1.5542,1.5542,0,0,1,7,35.4263V31.5737A1.5542,1.5542,0,0,1,8.5338,30h4.9325A1.5541,1.5541,0,0,1,15,31.5737Z" /> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header">Pay over time with monthly financing.</p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/overlay/store/personalized_shopping" data-slot-name="shelf-4" data-display-name="AOS: overlay/store/personalized_shopping" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg viewBox="0 0 36 56" width="36" height="56" class="dd-glyph-svg dd-glyph-elevated" aria-hidden="true"> <path fill="none" d="M0 0H36V56H0z" /> <path d="M29 10H7a7 7 0 0 0-7 7v22a7 7 0 0 0 7 7h22a7 7 0 0 0 7-7V17a7 7 0 0 0-7-7zm5 29c0 2.757-2.243 5-5 5H7c-2.757 0-5-2.243-5-5V17c0-2.757 2.243-5 5-5h22c2.757 0 5 2.243 5 5v22zm-9-20h-2.038c-.195-2.46-2.329-4.405-4.962-4.405S13.233 16.54 13.038 19H11a3.5 3.5 0 0 0-3.5 3.5v13A3.5 3.5 0 0 0 11 39h14a3.5 3.5 0 0 0 3.5-3.5v-13A3.5 3.5 0 0 0 25 19zm-3.458 11.447a5.733 5.733 0 0 1-.475.873c-.246.364-.45.618-.61.754-.237.229-.5.347-.78.356-.194 0-.44-.06-.72-.178a2.019 2.019 0 0 0-.779-.178c-.246 0-.508.06-.796.178-.288.119-.517.178-.695.186-.263.009-.525-.11-.797-.364-.169-.152-.38-.407-.635-.78a5.597 5.597 0 0 1-.67-1.372 5.184 5.184 0 0 1-.279-1.635c0-.602.127-1.119.382-1.56.194-.347.465-.626.796-.83a2.151 2.151 0 0 1 1.084-.313c.212 0 .492.06.839.195.339.136.56.203.66.203.077 0 .323-.076.738-.237.39-.144.729-.203 1-.178.737.06 1.287.356 1.66.898-.66.415-.991.992-.982 1.729.008.576.211 1.058.601 1.432.186.177.39.313.61.406-.042.144-.102.28-.152.415zm-3.56-5.151c0-.44.162-.847.493-1.228.169-.196.372-.348.627-.475.245-.127.483-.203.711-.212.009.06.009.119.009.178 0 .45-.161.881-.483 1.271-.39.466-.839.678-1.348.635-.008-.05-.008-.11-.008-.17zM14.24 19c.194-1.794 1.796-3.205 3.761-3.205s3.567 1.41 3.761 3.205H14.24z" /> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header">Get a <span class="dd-highlight">personalized shopping</span> experience in the <span class="dd-highlight">Apple Store app.</span></p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/overlay/store/engraving" data-slot-name="shelf-4" data-display-name="AOS: overlay/store/engraving" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg width="40" height="56" viewBox="0 0 40 56" class="dd-glyph-svg dd-glyph-elevated" aria-hidden="true"> <path d="m0 0h40v56h-40z" fill="none" /> <path d="m32.7812 29.6094a1.0221 1.0221 0 0 0 -1-.125 42.9866 42.9866 0 0 1 -5.76 1.3437 37.7 37.7 0 0 1 -6.01.4688 37.8947 37.8947 0 0 1 -6.0208-.4688 42.1134 42.1134 0 0 1 -5.75-1.3437 1.08 1.08 0 0 0 -1.0313.125.9492.9492 0 0 0 -.2812.9583 12.0862 12.0862 0 0 0 2.1875 5.6667 13.3019 13.3019 0 0 0 4.6446 4.0521 13.0763 13.0763 0 0 0 6.25 1.51 13.0332 13.0332 0 0 0 6.2292-1.51 13.3984 13.3984 0 0 0 4.6562-4.0521 11.8567 11.8567 0 0 0 2.1771-5.6667.9968.9968 0 0 0 -.2913-.9583zm-2.3124 4.4167a37.2669 37.2669 0 0 1 -5.1771 1.0939 38.5047 38.5047 0 0 1 -5.2813.3646 38.8064 38.8064 0 0 1 -5.2812-.3646 37.13 37.13 0 0 1 -5.198-1.0937 9.7 9.7 0 0 1 -1.0833-2.9167 43.2962 43.2962 0 0 0 5.6459 1.2292 39.8385 39.8385 0 0 0 5.9166.4375 39.9092 39.9092 0 0 0 5.9063-.4375 42.4138 42.4138 0 0 0 5.6354-1.2292 9.43 9.43 0 0 1 -1.0833 2.9165zm-17.8021-8.5834a2.8583 2.8583 0 0 1 0-3.5416 1.8441 1.8441 0 0 1 1.4271-.7084 1.9442 1.9442 0 0 1 1.4895.7084 2.7531 2.7531 0 0 1 -.01 3.5312 1.944 1.944 0 0 1 -1.4791.7188 1.8438 1.8438 0 0 1 -1.4275-.7084zm11.7812-.01a2.8064 2.8064 0 0 1 0-3.5312 1.8745 1.8745 0 0 1 1.4375-.7084 1.8935 1.8935 0 0 1 1.4583.7084 2.8207 2.8207 0 0 1 0 3.5416 1.8931 1.8931 0 0 1 -1.4583.7084 1.8644 1.8644 0 0 1 -1.4375-.7192zm-4.4479-14.7327a17.3 17.3 0 1 1 -17.3 17.3 17.32 17.32 0 0 1 17.3-17.3m0-2.2a19.5 19.5 0 1 0 19.5 19.5 19.5 19.5 0 0 0 -19.5-19.5z" /> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header">Make them yours. <span class="dd-highlight">Engrave a mix of emoji, names and numbers for free.</span></p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> <div class="rf-cards-scroller-item rf-cards-scroller-1cards"> <div class="rf-ccard rf-ccard-17"> <a href="/ca/shop/browse/overlay/store/cto" data-slot-name="shelf-4" data-display-name="AOS: overlay/store/cto" > <div class="rf-ccard-content"> <div class="rf-ccard-content-info"> <div class="rf-ccard-content-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 56" class="as-svgicon as-svgicon-applelogo as-svgicon-elevated" aria-hidden="true" role="img"> <g> <rect width="29" height="56" fill="none"></rect> <defs id="defs2334"> <linearGradient id="linearGradient2904"> <stop style="stop-color:#f8ab5e;stop-opacity:1" offset="0" id="stop2900" /> <stop style="stop-color:#f3695f;stop-opacity:1" offset="1" id="stop2902" /> </linearGradient> <linearGradient xlink:href="#linearGradient2904" id="linearGradient2906" x1="0.16650136" y1="23.976196" x2="15.151624" y2="23.976196" gradientUnits="userSpaceOnUse" /> </defs> <g> <path id="path2324" d="m 14.9,14.43 a 2.581,2.581 0 0 1 -0.472,-0.045 3.083,3.083 0 0 1 -0.067,-0.629 7.531,7.531 0 0 1 1.909,-4.694 7.76,7.76 0 0 1 5.1,-2.628 3.329,3.329 0 0 1 0.067,0.7 7.745,7.745 0 0 1 -1.837,4.825 6.728,6.728 0 0 1 -4.7,2.471 z m 12.807,3.818 a 7.851,7.851 0 0 0 -3.751,6.6 7.64,7.64 0 0 0 4.649,7.008 18.257,18.257 0 0 1 -2.381,4.919 c -1.482,2.134 -3.032,4.268 -5.391,4.268 -2.359,0 -2.965,-1.37 -5.683,-1.37 -2.65,0 -3.594,1.415 -5.75,1.415 -2.156,0 -3.661,-1.977 -5.391,-4.4 A 21.279,21.279 0 0 1 0.395,25.211 c 0,-6.738 4.38,-10.31 8.692,-10.31 2.291,0 4.2,1.5 5.638,1.5 1.37,0 3.5,-1.595 6.109,-1.595 a 8.172,8.172 0 0 1 6.873,3.442 z" style="fill-opacity:1;fill:url(#linearGradient2906)" /> </g> </g> </svg> </div> <div class="rf-ccard-content-header"> <p class="dd-card-header "><span class="dd-highlight">Customise</span> your Mac and create your own style of Apple Watch.</p> </div> <div class="rf-ccard-content-link"> <span class=""> </span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> window.pageLevelData.slots.push({ viewName: "scroller", slotName: "shelf-4", key: "shelf-4", shelfTitle: `<h2 class="rs-cards-shelf-mainheader dd-subhead-mothers-day">The Apple Store difference.</h2> <span class="rs-cards-shelf-secondaryheader">Even more reasons to shop with us. </span>`, shelfTitleA11yText: `The Apple Store difference.`, pageKey: `store`, cards: {"items":[{"index":0,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-green","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/overlay/store/delivery","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: overlay/store/delivery","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/overlay/store/delivery"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header\">Enjoy <span class=\"dd-highlight\">two-hour delivery</span> from an Apple Store, <span class=\"dd-highlight\">free delivery</span>, or <span class=\"dd-highlight\">easy pickup.<span class=\"visuallyhidden\"> Footnote </span>³</span></p>","icon":"\n<svg width=\"49\" height=\"56\" viewBox=\"0 0 49 56\" class=\"dd-glyph-svg dd-glyph-elevated\" aria-hidden=\"true\">\n <path d=\"m0 0h49v56h-49z\" fill=\"none\" />\n <path d=\"m47.8447 27.501-6.6758-7.1289c-.9111-.9619-1.9541-1.3721-3.4854-1.3721h-4.6836v-4c0-2.7614-2.2385-5-5-5h-22.9999c-2.7615 0-5 2.2386-5 5v21c0 2.7614 2.2385 5 5 5h1.1504c.2532 2.8719 2.6616 5.125 5.5996 5.125s5.3464-2.2531 5.5996-5.125h13.8008c.2532 2.8719 2.6616 5.125 5.5996 5.125s5.3464-2.2531 5.5996-5.125h2.6436c2.5469 0 4.0068-1.4092 4.0068-3.8657v-6.7515c0-1.0835-.4268-2.1396-1.1553-2.8818zm-32.5202 13.499c-.2463 1.7609-1.7468 3.125-3.5745 3.125s-3.3281-1.3641-3.5745-3.125c-.0232-.165-.0505-.3288-.0505-.5 0-.5364.1245-1.0415.3345-1.5.5725-1.2501 1.8281-2.125 3.2905-2.125s2.718.8749 3.2905 2.125c.21.4585.3345.9636.3345 1.5 0 .1712-.0273.335-.0505.5zm15.6755-2h-13.8335c-.6572-2.3773-2.8301-4.125-5.4165-4.125s-4.7593 1.7477-5.4165 4.125h-1.3335c-1.6543 0-3-1.3458-3-3v-21c0-1.6542 1.3457-3 3-3h23c1.6543 0 3 1.3458 3 3zm9.3245 2c-.2463 1.7609-1.7468 3.125-3.5745 3.125s-3.3281-1.3641-3.5745-3.125c-.0232-.165-.0505-.3288-.0505-.5 0-.5364.1245-1.0415.3345-1.5.5725-1.2501 1.8281-2.125 3.2905-2.125s2.718.8749 3.2905 2.125c.21.4585.3345.9636.3345 1.5 0 .1712-.0273.335-.0505.5zm6.6755-3.8657c0 1.3252-.5811 1.8657-2.0068 1.8657h-2.8267c-.6572-2.3773-2.8301-4.125-5.4165-4.125-1.4429 0-2.7544.5478-3.75 1.4407v-15.3157h4.6836c.9785 0 1.5107.1958 2.0303.7437l6.6875 7.1411c.375.3823.5986.9424.5986 1.498zm-3.3914-8.0216c.2444.2794.3914.493.3914.8873h-7.7773c-.75 0-1.2227-.4766-1.2227-1.2324v-5.7676h2.4131c.5703 0 .9944.23 1.3364.6244z\" />\n</svg>"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":true,"position":1,"even":true,"last":false},{"index":1,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-dodger-blue","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/overlay/store/tradein","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: overlay/store/tradein","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/overlay/store/tradein"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header\"><span class=\"dd-highlight\">Trade in your device,</span> get credit towards a new one.<span class=\"visuallyhidden\">Footnote</span>¹</p>","icon":"\n<svg width=\"40\" height=\"56\" viewBox=\"0 0 40 56\" class=\"dd-glyph-svg dd-glyph-elevated\" aria-hidden=\"true\">\n <path d=\"m0 0h40v56h-40z\" fill=\"none\" />\n <path d=\"m38 29.0205v9.9795c0 3.8594-3.1403 7-6.9996 7h-22c-3.8594 0-7-3.1406-7-7v-4.75h-1.2514c-.7087 0-.8958-.4824-.502-1.0337l2.2051-3.1304c.315-.4529.7875-.443 1.1025 0l2.2051 3.1403c.3839.5414.1969 1.0238-.5021 1.0238h-1.2576v4.75c0 2.7568 2.2435 5 5.0004 5h22c2.7568 0 5-2.2432 5-5v-9.9795c0-.5527.4473-1 1-1s.9996.4473.9996 1zm1.251-7.2705h-1.251v-4.75c0-3.8594-3.1403-7-6.9996-7h-22c-3.8594 0-7 3.1406-7 7v9.9795c0 .5527.4473 1 1 1s.9996-.4473.9996-1v-9.9795c0-2.7568 2.2435-5 5.0004-5h22c2.7568 0 5 2.2432 5 5v4.75h-1.258c-.6989 0-.886.4823-.502 1.0237l2.2051 3.1404c.315.4429.7875.4529 1.1025 0l2.2051-3.1305c.3937-.5513.2067-1.0336-.5021-1.0336zm-13.8013 1.6872c.2991-.2918.7214-.4372 1.2668-.4372h3.569c.5396 0 .9599.1454 1.261.4372.303.2918.4536.7004.4536 1.225v8.6845c0 .5246-.1486.9313-.4477 1.2201s-.7214.4332-1.2668.4332h-3.569c-.5454 0-.9677-.1444-1.2668-.4332s-.4496-.6955-.4496-1.2201v-8.6845c0-.5246.1505-.9333.4496-1.225zm.7038 9.7945c0 .2004.0469.3517.1447.4548.0958.1032.2424.1552.436.1552h3.524c.1935 0 .3402-.0521.4398-.1552.0997-.1032.1506-.2544.1506-.4548v-8.4546c0-.2004-.0508-.3537-.1506-.4598-.0997-.1061-.2463-.1591-.4398-.1591h-3.524c-.1935 0-.3402.053-.436.1591-.0977.1061-.1447.2593-.1447.4598zm2.3488-13.2317h-16.6196c-.5806 0-1.0401.1572-1.3773.4725s-.5054.783-.5054 1.4019v11.1256h-1.2559c-.2757 0-.5103.0824-.7038.2798s-.2903.4352-.2903.7122.0968.5138.2903.7122c.1935.1965.4281.2957.7038.2957h15.1703c-.2581-.4126-.393-.8841-.4047-1.4146 0-.1002-.002-.2004-.0059-.3006-.002-.1002-.0039-.1846-.0039-.2848h-12v-10.6512c0-.2829.0704-.4951.2111-.6366s.3519-.2122.6334-.2122h17.7686c-.0352-.4715-.1916-.9037-.4672-1.1424s-.6569-.3576-1.1437-.3576zm-.6924 5.4067h1.3802c.1114 0 .2072-.0403.2854-.1199.0801-.0796.1193-.1778.1193-.2957 0-.112-.0391-.2063-.1193-.2829-.0782-.0766-.174-.1149-.2854-.1149h-1.3802c-.1173 0-.215.0383-.2913.1149s-.1134.1709-.1134.2829c0 .1179.0371.2161.1134.2957s.174.1199.2913.1199zm-.4179 7.8983h2.2c.1887 0 .284-.1032.284-.3095 0-.0884-.027-.1611-.0809-.2171s-.1222-.0835-.2031-.0835h-2.2c-.0809 0-.1456.0275-.1941.0835s-.0719.1287-.0719.2171c0 .2063.0881.3095.266.3095z\" />\n</svg>"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":false,"position":2,"even":false,"last":false},{"index":2,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-green","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/finance/installment/affirm","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: finance/installment/affirm","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/finance/installment/affirm"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header\">Pay over time with monthly financing.</p>","icon":"\n<svg width=\"46\" height=\"56\" viewBox=\"0 0 46 56\" class=\"dd-glyph-svg dd-glyph-elevated\" aria-hidden=\"true\">\n <path d=\"M41.0009,12H5A5,5,0,0,0,.0009,17L0,39a5,5,0,0,0,4.9991,5H41.0009A5,5,0,0,0,46,39V17A5,5,0,0,0,41.0009,12ZM5,14H41.0009A3.0032,3.0032,0,0,1,44,17l.0005,2H2l.0005-2A3.0032,3.0032,0,0,1,5,14ZM41.0009,42H4.9991a3.0032,3.0032,0,0,1-3-3V22.9577H44V39A3.0032,3.0032,0,0,1,41.0009,42ZM15,31.5737v3.8526A1.5541,1.5541,0,0,1,13.4663,37H8.5338A1.5542,1.5542,0,0,1,7,35.4263V31.5737A1.5542,1.5542,0,0,1,8.5338,30h4.9325A1.5541,1.5541,0,0,1,15,31.5737Z\" />\n</svg>"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":false,"position":3,"even":true,"last":false},{"index":3,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-steel-blue","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/overlay/store/personalized_shopping","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: overlay/store/personalized_shopping","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/overlay/store/personalized_shopping"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header\">Get a <span class=\"dd-highlight\">personalized shopping</span> experience in the <span class=\"dd-highlight\">Apple Store app.</span></p>","icon":"\n<svg viewBox=\"0 0 36 56\" width=\"36\" height=\"56\" class=\"dd-glyph-svg dd-glyph-elevated\" aria-hidden=\"true\">\n <path fill=\"none\" d=\"M0 0H36V56H0z\" />\n <path d=\"M29 10H7a7 7 0 0 0-7 7v22a7 7 0 0 0 7 7h22a7 7 0 0 0 7-7V17a7 7 0 0 0-7-7zm5 29c0 2.757-2.243 5-5 5H7c-2.757 0-5-2.243-5-5V17c0-2.757 2.243-5 5-5h22c2.757 0 5 2.243 5 5v22zm-9-20h-2.038c-.195-2.46-2.329-4.405-4.962-4.405S13.233 16.54 13.038 19H11a3.5 3.5 0 0 0-3.5 3.5v13A3.5 3.5 0 0 0 11 39h14a3.5 3.5 0 0 0 3.5-3.5v-13A3.5 3.5 0 0 0 25 19zm-3.458 11.447a5.733 5.733 0 0 1-.475.873c-.246.364-.45.618-.61.754-.237.229-.5.347-.78.356-.194 0-.44-.06-.72-.178a2.019 2.019 0 0 0-.779-.178c-.246 0-.508.06-.796.178-.288.119-.517.178-.695.186-.263.009-.525-.11-.797-.364-.169-.152-.38-.407-.635-.78a5.597 5.597 0 0 1-.67-1.372 5.184 5.184 0 0 1-.279-1.635c0-.602.127-1.119.382-1.56.194-.347.465-.626.796-.83a2.151 2.151 0 0 1 1.084-.313c.212 0 .492.06.839.195.339.136.56.203.66.203.077 0 .323-.076.738-.237.39-.144.729-.203 1-.178.737.06 1.287.356 1.66.898-.66.415-.991.992-.982 1.729.008.576.211 1.058.601 1.432.186.177.39.313.61.406-.042.144-.102.28-.152.415zm-3.56-5.151c0-.44.162-.847.493-1.228.169-.196.372-.348.627-.475.245-.127.483-.203.711-.212.009.06.009.119.009.178 0 .45-.161.881-.483 1.271-.39.466-.839.678-1.348.635-.008-.05-.008-.11-.008-.17zM14.24 19c.194-1.794 1.796-3.205 3.761-3.205s3.567 1.41 3.761 3.205H14.24z\" />\n</svg>"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":false,"position":4,"even":false,"last":false},{"index":4,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-blue-violet","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/overlay/store/engraving","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: overlay/store/engraving","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/overlay/store/engraving"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header\">Make them yours. <span class=\"dd-highlight\">Engrave a mix of emoji, names and numbers for free.</span></p>","icon":"\n<svg width=\"40\" height=\"56\" viewBox=\"0 0 40 56\" class=\"dd-glyph-svg dd-glyph-elevated\" aria-hidden=\"true\">\n <path d=\"m0 0h40v56h-40z\" fill=\"none\" />\n <path d=\"m32.7812 29.6094a1.0221 1.0221 0 0 0 -1-.125 42.9866 42.9866 0 0 1 -5.76 1.3437 37.7 37.7 0 0 1 -6.01.4688 37.8947 37.8947 0 0 1 -6.0208-.4688 42.1134 42.1134 0 0 1 -5.75-1.3437 1.08 1.08 0 0 0 -1.0313.125.9492.9492 0 0 0 -.2812.9583 12.0862 12.0862 0 0 0 2.1875 5.6667 13.3019 13.3019 0 0 0 4.6446 4.0521 13.0763 13.0763 0 0 0 6.25 1.51 13.0332 13.0332 0 0 0 6.2292-1.51 13.3984 13.3984 0 0 0 4.6562-4.0521 11.8567 11.8567 0 0 0 2.1771-5.6667.9968.9968 0 0 0 -.2913-.9583zm-2.3124 4.4167a37.2669 37.2669 0 0 1 -5.1771 1.0939 38.5047 38.5047 0 0 1 -5.2813.3646 38.8064 38.8064 0 0 1 -5.2812-.3646 37.13 37.13 0 0 1 -5.198-1.0937 9.7 9.7 0 0 1 -1.0833-2.9167 43.2962 43.2962 0 0 0 5.6459 1.2292 39.8385 39.8385 0 0 0 5.9166.4375 39.9092 39.9092 0 0 0 5.9063-.4375 42.4138 42.4138 0 0 0 5.6354-1.2292 9.43 9.43 0 0 1 -1.0833 2.9165zm-17.8021-8.5834a2.8583 2.8583 0 0 1 0-3.5416 1.8441 1.8441 0 0 1 1.4271-.7084 1.9442 1.9442 0 0 1 1.4895.7084 2.7531 2.7531 0 0 1 -.01 3.5312 1.944 1.944 0 0 1 -1.4791.7188 1.8438 1.8438 0 0 1 -1.4275-.7084zm11.7812-.01a2.8064 2.8064 0 0 1 0-3.5312 1.8745 1.8745 0 0 1 1.4375-.7084 1.8935 1.8935 0 0 1 1.4583.7084 2.8207 2.8207 0 0 1 0 3.5416 1.8931 1.8931 0 0 1 -1.4583.7084 1.8644 1.8644 0 0 1 -1.4375-.7192zm-4.4479-14.7327a17.3 17.3 0 1 1 -17.3 17.3 17.32 17.32 0 0 1 17.3-17.3m0-2.2a19.5 19.5 0 1 0 19.5 19.5 19.5 19.5 0 0 0 -19.5-19.5z\" />\n</svg>"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":false,"position":5,"even":true,"last":false},{"index":5,"value":{"items":[{"index":0,"value":{"supportOverlay":true,"cardSize":"17","cssClasses":"dd-color-customize-mac","namedAssets":{"namedAssetsJSON":"{}","namedAssets":{}},"view":"contentCard","cardType":{"selectComposite":true,"modelType":"contentCard","contentCard":{"contentStoreCard":{"textLink":{"url":"/ca/shop/browse/overlay/store/cto","dataVar":{},"omnitureData":{"slotName":"shelf-4","linkText":"AOS: overlay/store/cto","commitCodeId":0},"newTab":false,"isLinkAsButton":false,"link":"/ca/shop/browse/overlay/store/cto"},"cardImage":{"sources":[],"width":"","height":"","attrs":"","imageName":"","originalImageName":"","alt":"Your message is laser engraved in grey letters on the product.","noImage":true,"deferSrc":false,"singleElementSources":false,"scaleFactor":""},"imagePosition":"full","headline":"<p class=\"dd-card-header \"><span class=\"dd-highlight\">Customise</span> your Mac and create your own style of Apple Watch.</p>","icon":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 29 56\" class=\"as-svgicon as-svgicon-applelogo as-svgicon-elevated\" aria-hidden=\"true\" role=\"img\">\n <g>\n <rect width=\"29\" height=\"56\" fill=\"none\"></rect>\n <defs id=\"defs2334\">\n <linearGradient id=\"linearGradient2904\">\n <stop style=\"stop-color:#f8ab5e;stop-opacity:1\" offset=\"0\" id=\"stop2900\" />\n <stop style=\"stop-color:#f3695f;stop-opacity:1\" offset=\"1\" id=\"stop2902\" />\n </linearGradient>\n <linearGradient xlink:href=\"#linearGradient2904\" id=\"linearGradient2906\" x1=\"0.16650136\" y1=\"23.976196\" x2=\"15.151624\" y2=\"23.976196\" gradientUnits=\"userSpaceOnUse\" />\n </defs>\n <g>\n <path id=\"path2324\" d=\"m 14.9,14.43 a 2.581,2.581 0 0 1 -0.472,-0.045 3.083,3.083 0 0 1 -0.067,-0.629 7.531,7.531 0 0 1 1.909,-4.694 7.76,7.76 0 0 1 5.1,-2.628 3.329,3.329 0 0 1 0.067,0.7 7.745,7.745 0 0 1 -1.837,4.825 6.728,6.728 0 0 1 -4.7,2.471 z m 12.807,3.818 a 7.851,7.851 0 0 0 -3.751,6.6 7.64,7.64 0 0 0 4.649,7.008 18.257,18.257 0 0 1 -2.381,4.919 c -1.482,2.134 -3.032,4.268 -5.391,4.268 -2.359,0 -2.965,-1.37 -5.683,-1.37 -2.65,0 -3.594,1.415 -5.75,1.415 -2.156,0 -3.661,-1.977 -5.391,-4.4 A 21.279,21.279 0 0 1 0.395,25.211 c 0,-6.738 4.38,-10.31 8.692,-10.31 2.291,0 4.2,1.5 5.638,1.5 1.37,0 3.5,-1.595 6.109,-1.595 a 8.172,8.172 0 0 1 6.873,3.442 z\" style=\"fill-opacity:1;fill:url(#linearGradient2906)\" />\n \n </g>\n </g>\n</svg>\n"}}}},"first":true,"position":1,"even":true,"last":true}],"size":1},"first":false,"position":6,"even":false,"last":true}],"size":6} }); Accessories. Essentials that pair perfectly with your favourite devices.
**Make content easily navigable by a screen reader ** Apple, in his website structure (which is the html, accessible using inspect tool) uses <alt> text like so many other modern websites which helps and supports screen reader users. Which is really important and inclusive for users with hearing impaired.
BUSINESS From enterprise to small business, we’ll work with you. Footnote ²
Distinguish the foreground from the background
Apple is probably a world leader when it comes to contrast in some areas and colors. For example they tend to use bold white text on black backgrounds empathizing a lot of white-space. This helps the users with limited vision or vision issues focus easier and makes them less frustrated.
MacBook Air Apple Intelligence Footnote ∆ From $1399 iPhone 16 Pro Apple Intelligence Footnote ∆ From $1449 or $60.37 /mo. per month for 24 mo. months at 0.00% APR Footnote ‡
webpage complexity Apple website even though it looks very clean and very modern it comes with some wepage complexity issues like very large image files or complicated animations which can make the website load slowly on lower end machines like my laptop for example.