Add an Accessibility icon to webkit.org
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 May 2017 22:10:43 +0000 (22:10 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 May 2017 22:10:43 +0000 (22:10 +0000)
https://bugs.webkit.org/show_bug.cgi?id=172298

Reviewed by Alexey Proskuryakov.

* wp-content/themes/webkit/images/icons.svg: Added accessibility icon to the sprite.
* wp-content/themes/webkit/style.css: New rule to use the accessibility icon from the icons sprite.
(.tile.category-accessibility .background-image):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@217070 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/wp-content/themes/webkit/images/icons.svg
Websites/webkit.org/wp-content/themes/webkit/style.css

index 5464b8f..f1d86c4 100644 (file)
@@ -1,3 +1,14 @@
+2017-05-18  Jon Davis  <jond@apple.com>
+
+        Add an Accessibility icon to webkit.org
+        https://bugs.webkit.org/show_bug.cgi?id=172298
+
+        Reviewed by Alexey Proskuryakov.
+
+        * wp-content/themes/webkit/images/icons.svg: Added accessibility icon to the sprite.
+        * wp-content/themes/webkit/style.css: New rule to use the accessibility icon from the icons sprite.
+        (.tile.category-accessibility .background-image):
+
 2017-05-15  James Craig  <jcraig@apple.com>
 
         AX: Inaccessible content on webkit.org main page
 2017-05-15  James Craig  <jcraig@apple.com>
 
         AX: Inaccessible content on webkit.org main page
index 97c29ab..f0fe6a4 100644 (file)
             <rect id="Rectangle-1-Copy" x="3.70934714" y="4.50363839" width="40.7993514" height="39.4388783" stroke="currentColor" stroke-width="2.5" fill="none"/>
         </symbol>
         
             <rect id="Rectangle-1-Copy" x="3.70934714" y="4.50363839" width="40.7993514" height="39.4388783" stroke="currentColor" stroke-width="2.5" fill="none"/>
         </symbol>
         
+        <symbol id="accessibility">
+            <path d="M 24 45.76 L 24 45.76 C 36.0177161 45.76 45.76 36.0177162 45.76 24 C 45.76 11.9822838 36.0177161 2.24 24 2.24 C 11.9822838 2.24 2.24 11.9822838 2.24 24 C 2.24 36.0177162 11.9822838 45.76 24 45.76 L 24 45.76 L 24 45.76 L 24 45.76 Z M 24 48 L 24 48 C 10.745166 48 -1.77635684e-14 37.254834 -1.77635684e-14 24 C -1.77635684e-14 10.745166 10.745166 2.84217094e-14 24 2.84217094e-14 C 37.254834 2.84217094e-14 48 10.745166 48 24 C 48 37.254834 37.254834 48 24 48 L 24 48 L 24 48 L 24 48 Z" fill="currentColor"/>
+            <path d="M 21.2941031 10.9732032C 21.2941031 9.47814808 22.5062404 8.2657032 24.0017464 8.2657032L 24.0017464 8.2657032 24.0056947 8.2657032 24.009643 8.2657032C 25.5054527 8.2657032 26.7180456 9.47814808 26.7180456 10.9732032L 26.7180456 10.9732032C 26.7180456 12.4699287 25.5054527 13.6817661 24.009643 13.6817661L 24.009643 13.6817661C 24.0087319 13.6817661 24.0072133 13.6817661 24.0056947 13.680855L 24.0056947 13.680855C 24.0044798 13.6817661 24.003265 13.6817661 24.0017464 13.6817661L 24.0017464 13.6817661C 22.5062404 13.6817661 21.2941031 12.4699287 21.2941031 10.9732032L 21.2941031 10.9732032zM 36.0001139 14.8094735C 36.5893262 14.8094735 37.0670742 15.2869192 37.0670742 15.8764371L 37.0670742 15.8764371C 37.0670742 16.3657279 36.7352626 16.7740776 36.2854567 16.8992097L 36.2854567 16.8992097C 36.2778637 16.9011839 29.0669982 17.7329174 29.0669982 17.7329174L 29.0669982 17.7329174C 29.0200738 17.7459773 28.9600896 17.7640486 28.8905382 17.7881942L 28.8905382 17.7881942C 28.6130921 17.8856879 28.1933543 18.082042 27.9395981 18.4301036L 27.9395981 18.4301036C 27.8733877 18.5288121 27.8196297 18.6340507 27.7781722 18.7465784L 27.7781722 18.7465784C 27.7692125 18.7754317 27.7581268 18.8026145 27.7509895 18.8326827L 27.7509895 18.8326827 27.7502302 18.8322271C 27.7013316 18.9912238 27.6732377 19.16161 27.6618483 19.3430819L 27.6618483 19.3430819 27.6618483 23.5734271 27.6633669 23.574642C 27.6633669 23.574642 27.6949535 25.3620263 28.019324 27.0936782L 28.019324 27.0936782C 28.0701968 27.3685436 30.0944752 37.1009042 30.0944752 37.1009042L 30.0944752 37.1009042 30.1055609 37.1526882 30.1063202 37.1554217 30.1058646 37.1554217C 30.1192282 37.2267956 30.1283397 37.3002955 30.1283397 37.3759214L 30.1283397 37.3759214C 30.1283397 38.0488101 29.582559 38.5945925 28.9098243 38.5945925L 28.9098243 38.5945925C 28.3578174 38.5945925 27.8973814 38.2255744 27.7470411 37.7227681L 27.7470411 37.7227681 27.7426372 37.7244386 24.9494974 28.2516056 24.9490419 28.2552502C 24.8633935 27.9793218 24.6456279 27.7639853 24.3690929 27.682285L 24.3690929 27.682285C 24.3476808 27.6756032 24.3209537 27.6684658 24.2873929 27.6613284L 24.2873929 27.6613284C 24.2763072 27.6590505 24.2656771 27.6578356 24.2550469 27.6558615L 24.2550469 27.6558615C 24.171069 27.641283 24.0600602 27.6341456 23.9274874 27.6519131L 23.9274874 27.6519131C 23.8465466 27.6598098 23.7695542 27.6783366 23.696662 27.7071899L 23.696662 27.7071899C 23.6860318 27.7106827 23.6757054 27.7128087 23.664316 27.7170608L 23.664316 27.7170608 23.6682643 27.7194905C 23.4406279 27.8200214 23.2634087 28.0140976 23.188846 28.2552502L 23.188846 28.2552502 23.1885422 28.2516056 20.3950988 37.7244386 20.3908467 37.7227681C 20.2405064 38.2255744 19.7800704 38.5945925 19.2283672 38.5945925L 19.2283672 38.5945925C 18.5553288 38.5945925 18.0100037 38.0488101 18.0100037 37.3759214L 18.0100037 37.3759214C 18.0100037 37.3002955 18.0186597 37.2267956 18.0320232 37.1554217L 18.0320232 37.1554217 18.0317195 37.1554217 18.0324788 37.1526882 18.0435645 37.1009042C 18.0435645 37.1009042 20.0672355 27.3685436 20.1190194 27.0936782L 20.1190194 27.0936782C 20.4429343 25.3620263 20.4745209 23.574642 20.4745209 23.574642L 20.4745209 23.574642 20.4760395 23.5734271 20.4760395 19.3430819C 20.4646501 19.16161 20.4367081 18.9912238 20.387354 18.8322271L 20.387354 18.8322271 20.3865947 18.8326827C 20.3799129 18.8026145 20.3688272 18.7754317 20.3597156 18.7465784L 20.3597156 18.7465784C 20.3182582 18.6340507 20.264652 18.5288121 20.1982897 18.4301036L 20.1982897 18.4301036C 19.9445336 18.082042 19.5252513 17.8856879 19.2470459 17.7881942L 19.2470459 17.7881942C 19.1771908 17.7640486 19.1175103 17.7459773 19.0713452 17.7329174L 19.0713452 17.7329174C 19.0713452 17.7329174 11.8600241 16.9011839 11.852583 16.8992097L 11.852583 16.8992097C 11.4032327 16.7740776 11.0712693 16.3657279 11.0712693 15.8764371L 11.0712693 15.8764371C 11.0712693 15.2869192 11.5487135 14.8094735 12.1377739 14.8094735L 12.1377739 14.8094735C 12.1875836 14.8094735 12.2348117 14.8173702 12.2826473 14.824052L 12.2826473 14.824052 12.2841659 14.8176739 35.853722 14.8176739 35.8553924 14.824052C 35.9030761 14.8173702 35.9504561 14.8094735 36.0001139 14.8094735L 36.0001139 14.8094735z" fill="currentColor"/>
+        </symbol>
+        
     </defs>
 
     <use y="0" xlink:href="#compass"/>
     </defs>
 
     <use y="0" xlink:href="#compass"/>
@@ -72,5 +77,6 @@
     <use y="288" xlink:href="#contribute"/>
     <use y="336" xlink:href="#storage"/>
     <use y="384" xlink:href="#layout"/>
     <use y="288" xlink:href="#contribute"/>
     <use y="336" xlink:href="#storage"/>
     <use y="384" xlink:href="#layout"/>
+    <use y="432" xlink:href="#accessibility"/>
         
 </svg>
\ No newline at end of file
         
 </svg>
\ No newline at end of file
index 306c802..85ce03a 100644 (file)
@@ -438,6 +438,11 @@ footer .menu {
     background-color: #8e56b1;
 }
 
     background-color: #8e56b1;
 }
 
+.tile.category-accessibility .background-image {
+    background-color: #08c;
+    background-position: 50% 89.2%;
+}
+
 .tile.tag-console .background-image,
 .tile.tag-debugger .background-image,
 .tile.tag-shortcuts .background-image,
 .tile.tag-console .background-image,
 .tile.tag-debugger .background-image,
 .tile.tag-shortcuts .background-image,