Skip to content
This repository was archived by the owner on May 5, 2020. It is now read-only.

Commit 02f01c7

Browse files
committed
Added title and desc to SVGs
1 parent 1e24b97 commit 02f01c7

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

components/Figures/index.js

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -342,7 +342,9 @@ const Figures = {
342342
return (
343343
<div className="svgHolder" style={{paddingBottom: '77%'}}>
344344
<div id="deviceFrame" style={{width: '30.6%', height: '70.6%'}}>
345-
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="aFullyResponsiveCMS" viewBox="0 0 375 667" style={{background: '#e9eef3'}}>
345+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="aFullyResponsiveCMS" viewBox="0 0 375 667" style={{background: '#e9eef3'}} aria-labelledby="rwdCMS-title" aria-describedby="rwdCMS-desc" role="img">
346+
<title id="rwdCMS-title">A Fully Responsive CMS</title>
347+
<desc id="rwdCMS-desc">An animated illustration of a CMS’ UI as it navigates between pages and adapts to different device sizes.</desc>
346348
<filter id="shadow--y" width="150%" height="150%">
347349
<feOffset result="offOut" in="SourceAlpha" dx="0" dy="4" />
348350
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="8" />
@@ -965,7 +967,9 @@ const Figures = {
965967
render: function() {
966968
return (
967969
<div className="svgHolder">
968-
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="anAllNewWayToBuildWebsites" viewBox="0 0 1024 768" style={{width: '100%', height: '100%'}}>
970+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="anAllNewWayToBuildWebsites" viewBox="0 0 1024 768" style={{width: '100%', height: '100%'}} aria-labelledby="buildWebsites-title" aria-describedby="buildWebsites-desc" role="img">
971+
<title id="buildWebsites-title">An All-New Way to Build Websites</title>
972+
<desc id="buildWebsites-desc">An animated illustration of a simplified website layout as it adapts to different device sizes.</desc>
969973
<g id="layout">
970974
<rect id="layout-1" className="layout" width="1024" height="768" style={{strokeWidth: '8'}} />
971975
<rect id="layout-2" className="layout" width="200" height="50" transform="translate(20,20)" />

0 commit comments

Comments
 (0)