perf(a11y): add a11y settings to app

Signed-off-by: Vinayak Kulkarni <19776877+vinayakkulkarni@users.noreply.github.com>
geoql · Mar 18, 2023 · 22f0d0b · 22f0d0b
1 parent 3567de0
commit 22f0d0b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 31 deletions.
diff --git a/components/common/ui/VFooter.vue b/components/common/ui/VFooter.vue
@@ -10,7 +10,7 @@
     <div
       class="flex items-center justify-center space-x-2 md:space-x-3 lg:space-x-4"
     >
-      <span class="text-sm font-light opacity-50">
+      <span class="text-sm font-light opacity-75">
         (v{{ state.appVersion }})
       </span>
       <a
@@ -48,37 +48,12 @@
         target="_blank"
         rel="noreferrer noopener"
         aria-label="Deploys via Netlify"
-        class="hover:text-gray-700"
       >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
+        <img
           class="h-8"
-          viewBox="0 0 114 51"
-        >
-          <defs />
-          <defs>
-            <radialGradient id="b" cx="50%" cy="0%" r="100%" fx="50%" fy="0%">
-              <stop offset="0%" stop-color="#20C6B7" />
-              <stop offset="100%" stop-color="#4D9ABF" />
-            </radialGradient>
-          </defs>
-          <g fill="none" fill-rule="evenodd">
-            <rect width="114" height="51" fill="#313D3E" rx="4" />
-            <path
-              fill="url(#b)"
-              d="M23.6161838 12.0243902c.1709253.0857864.3133631.2001683.4273133.3288478.0142438.0142977.0142438.0142977.0284876.0142977h.0142438l3.2760689-1.4154751c.0142438-.0142978.0284875-.0285955.0284875-.0428932 0-.0142978 0-.0285955-.0142437-.0428932l-3.0624123-3.07401179c-.0142438-.01429773-.0284875-.01429773-.0284875-.01429773h-.0142438c-.0142438 0-.0284876.01429773-.0284876.04289318l-.6694575 4.16063924c.0142437.0142977.0284875.0428931.0427313.0428931zm-6.7942821-2.78805715c.1566816.2430614.256388.52901598.2848756.81497055 0 .0142977.0142438.0285955.0284875.0428932l4.8713721 2.1017662h.0142438c.0142437 0 .0284875 0 .0284875-.0142977.1424378-.1143819.3133631-.2001682.4985322-.2573592.0142438 0 .0284876-.0142977.0284876-.0428931l.7976516-5.01850299c0-.01429773 0-.02859546-.0142438-.04289319l-3.0481685-3.07401177c-.0142438-.01429773-.0142438-.01429773-.0284875-.01429773-.0142438 0-.0284876.01429773-.0284876.02859546l-3.4327505 5.40454163c-.0142438.02859546-.0142438.05719091 0 .07148864zm16.6367326 7.73507145l-5.2274665-5.2615643c-.0142437-.0142977-.0284875-.0142977-.0284875-.0142977h-.0142438l-3.5467007 1.529857c-.0142438.0142977-.0284876.0285955-.0284876.0428932s.0142438.0428932.0284876.0428932l8.7456796 3.7603027h.0142438c.0142438 0 .0284876 0 .0284876-.0142977l.0284875-.0285954c.0284876 0 .0284876-.0428932 0-.057191zm-.8688704.8578638l-8.3895852-3.6030278h-.0142438c-.0142438 0-.0284875 0-.0427313.0142978-.2279005.31455-.5697511.5147182-.9685769.5719091-.0142438 0-.0427314.0142978-.0427314.0428932l-.897358 5.5904121c0 .0142978 0 .0285955.0142438.0428932.3133631.2430614.4985322.6005046.5412636 1.0008411 0 .0285954.0142437.0428932.0427313.0428932l5.0707849 1.0723296h.0142438c.0142438 0 .0284876 0 .0284876-.0142977l4.6434716-4.6753574c.0142438-.0142978.0142438-.0285955.0142438-.0428932s0-.0285955-.0142438-.0428932zm-11.1101468-4.7754416l-4.5864965-1.9730866h-.0142438c-.0142437 0-.0284875.0142977-.0427313.0285955-.3133631.4861228-.8403829.7720774-1.410134.7720774-.0854627 0-.1709253-.0142978-.2706318-.0285955h-.0142438c-.0142437 0-.0284875.0142977-.0427313.0285955l-3.7746012 5.9335576c-.0142437.0142977-.0142437.0428932 0 .0571909.0142438.0142977.0284876.0142977.0427314.0142977h.0142438l10.0703509-4.3608074c.0142438-.0142977.0284876-.0285955.0284876-.0428932v-.1286795c0-.0857864.0142438-.1715728.0284876-.2430614 0-.0285955-.0142438-.0428932-.0284876-.057191zm5.5265858 10.3801514l-4.4583025-.9293524h-.0142437c-.0142438 0-.0284876.0142978-.0427314.0142978-.1709253.2144659-.384582.3860387-.64097.4861228-.0142437 0-.0284875.0285954-.0284875.0428931l-1.0682834 6.6627418c0 .0285955.0142438.0428932.0284876.057191h.0284875c.0142438 0 .0284876 0 .0284876-.0142978l6.1817996-6.2195122c.0142438-.0142977.0142438-.0285954.0142438-.0428932 0-.0428931-.0142438-.0571909-.0284876-.0571909zm-6.2245309-.4575273c-.4273134-.1715728-.7406765-.5576114-.8546267-1.000841 0-.0142978-.0142438-.0285955-.0427313-.0428932l-8.2613912-1.7300253h-.0142438c-.0142438 0-.0284876.0142978-.0427313.0285955-.0427314.0714886-.0712189.1286796-.1139503.1858705-.0142437.0142977-.0142437.0428932 0 .0571909l7.5207148 11.0378469c.0142438.0142978.0142438.0142978.0284875.0142978.0142438 0 .0284876 0 .0284876-.0142978l.4558009-.4575273c0-.0142977.0142438-.0142977.0142438-.0285955l1.28194-8.0067283c.0284875 0 .0284875-.0285955 0-.0428932zm-8.9878239-3.7888982c0 .0285954.0142438.0428932.0427314.0428932l8.1901723 1.7157275h.0142437c.0142438 0 .0284876-.0142978.0427314-.0285955.2421442-.4289319.6694575-.7148865 1.153746-.7434819.0284875 0 .0427313-.0142978.0427313-.0428932l.8831142-5.5046257c0-.0142978 0-.0428932-.0284875-.0428932-.0569751-.0428932-.1139502-.0857864-.1851691-.1572751-.0142438-.0142977-.0284876-.0142977-.0284876-.0142977h-.0142438l-10.1273261 4.3894029c-.0284875.0142977-.0284875.0285954-.0284875.0571909.0142438.1143818.0427313.2144659.0427313.3288478zm-3.43275046 1.3868797c-.04273133-.0571909-.08546267-.1143818-.128194-.1858705-.01424378-.0142977-.02848756-.0285954-.04273134-.0285954h-.01424377l-3.53245693 1.529857c-.01424378 0-.02848755.0142977-.02848755.0285954 0 .0142978 0 .0285955.01424377.0428932l1.72349713 1.7300253c.01424378.0142977.02848756.0142977.02848756.0142977.01424378 0 .02848755-.0142977.04273133-.0285955l1.95139758-3.0740117s0-.0142978-.01424378-.0285955zm2.33597956.5576114c-.0142438-.0142977-.0284875-.0285954-.0427313-.0285954h-.0142438c-.256388.1143818-.512776.1715727-.78340778.1715727-.21365667 0-.41306956-.0285954-.62672623-.1000841h-.01424378c-.01424377 0-.02848755.0142978-.04273133.0285955l-2.05110402 3.2312868-.01424378.0142977c-.01424378.0142977-.01424378.0428932 0 .0571909l9.42938102 9.4793945C16.5512699 34 16.5655137 34 16.5655137 34c.0142438 0 .0284876 0 .0284876-.0142977l1.6522782-1.6728343c.0142438-.0142978.0142438-.0428932 0-.057191l-7.5492023-11.1236333zm-1.32467133-3.7317073c.01424378.0142977.02848756.0285955.04273133.0285955h.01424378c.14243778-.0285955.29911934-.0571909.44155712-.0571909.1566816 0 .3276069.0285954.4842884.0714886h.0142438c.0142438 0 .0284876-.0142977.0427314-.0285955l3.8173324-6.0050462c.0142438-.0142977.0142438-.0428932 0-.0571909-.2991193-.3145501-.4700446-.7291842-.4700446-1.1724138 0-.1286796.0142437-.25735915.0427313-.38603871 0-.02859546-.0142438-.04289319-.0284876-.05719092-.4842884-.21446593-4.77166555-2.04457527-4.77166555-2.058873h-.01424378c-.01424378 0-.02848756 0-.02848756.01429773L5.32717294 11.352397c-.01424378.0142977-.01424378.0428932 0 .0571909l4.04523293 5.9907485zm.41306956-10.46593775s4.33010847 1.8587048 4.51527757 1.94449117h.0142438c.0142438 0 .0142438 0 .0284876-.01429773.2991193-.24306139.6837013-.38603868 1.0682833-.38603868.1851691 0 .3703382.02859545.5555073.08578637h.0142438c.0142438 0 .0284876-.01429773.0427314-.02859546l3.5182131-5.53322119c.0142438-.01429773.0142438-.04289319 0-.05719092L16.6224888.01429773C16.6082451 0 16.6082451 0 16.5940013 0s-.0284876 0-.0284876.01429773L9.78547543 6.84861228c-.01424378.01429773-.01424378.02859546-.01424378.04289319-.01424378.02859546 0 .02859546.01424378.04289318zM8.10470964 18.4440706c.01424377 0 .02848755-.0142977.04273133-.0285954.08546267-.1715728.21365667-.3288478.34185067-.4718251.01424378-.0142977.01424378-.0428932 0-.0571909-.04273133-.0571909-3.90279515-5.7190917-3.90279515-5.7333894-.01424378-.0142977-.01424378-.0142977-.04273133-.0285955-.01424378 0-.02848756 0-.02848756.0142978L.01424378 16.6568545C0 16.6711522 0 16.68545 0 16.6997477s.01424378.0285954.04273133.0285954l8.06197831 1.7157275c-.01424378 0-.01424378 0 0 0zm-.37033823.9865434c0-.0285955-.01424378-.0428932-.04273133-.0428932L.69794512 17.9150547H.68370134c-.01424378 0-.02848756.0142977-.04273133.0285954-.01424378.0142978 0 .0428932.01424377.0571909l3.11938737 3.1455005c.01424378.0142977.02848755.0142977.02848755.0142977h.01424378l3.8743076-1.6728343c.02848755-.0285955.04273133-.0428932.04273133-.0571909z"
-              transform="translate(8 8)"
-            />
-            <path
-              fill="#FFF"
-              d="M75.5018666 22.7649667h2.2753493v14.547097h-2.2753493v-14.547097zM52.2221988 26.869426c-1.2230003 0-2.2042447.4607046-2.9579541 1.368153l-.0711047-1.1866633H47.06V37.298103h2.2753493v-7.2875093c.4550699-.8376447 1.1376747-1.2564671 2.0478144-1.2564671.6257211 0 1.080791.1535682 1.3652096.4746654.2844187.3071364.4124071.7957625.4124071 1.4379568v6.6313542h2.2753493v-6.7709617c-.0284419-2.4291697-1.0950119-3.6577153-3.2139309-3.6577153zm9.8266649 0c-.8674769 0-1.6496283.2233719-2.3606749.6701158-.7110467.4467438-1.2514422 1.0749774-1.6496283 1.8847006-.3839652.8097233-.5830583 1.7171717-.5830583 2.7363062v.2792149c0 1.5217213.4550699 2.7502669 1.3509887 3.6716761.8959188.9214092 2.0620353 1.3821138 3.5125705 1.3821138.8390351 0 1.6069655-.1675289 2.2895703-.5025868.6826048-.3350579 1.2230003-.8097233 1.6211864-1.4239961l-1.2230003-1.1866634c-.6541629.8516055-1.5074189 1.2843886-2.545547 1.2843886-.7394886 0-1.3652096-.2512934-1.8487214-.7399195-.4977326-.4886261-.7679304-1.1587419-.839035-2.0103474h6.6269549v-.9214092c0-1.6334072-.3839652-2.8898743-1.1234537-3.783362-.7821514-.8934878-1.8487214-1.3402316-3.2281519-1.3402316zm2.0762563 4.3557526h-4.3373847c.0995465-.7957625.3555233-1.4100353.7394885-1.8428184.3839652-.4467439.8959188-.6561551 1.5216399-.6561551s1.1234537.1954505 1.4789771.5863514c.3555233.3909008.5546164.9772522.6115001 1.7450932v.1675289H64.12512zm7.3948853 4.1044592c-.1564303-.1675289-.227535-.4607046-.227535-.8516054v-5.7239058h1.7918376v-1.7032109h-1.7918376v-2.4850128H69.017121v2.4850128h-1.6638492v1.7032109h1.6638492v5.8076702c0 1.9545044.8816979 2.9317566 2.6308727 2.9317566.4835117 0 .9812444-.0698037 1.5074189-.2233719V35.483206c-.2701977.0698038-.5403955.0977253-.7963723.0977253-.412407.0139607-.6826048-.0698038-.839035-.2512935zm9.7840021-8.2647614h2.2753493v10.2471873h-2.2753493V27.0648764zm15.1879567 6.9524513l-2.1473609-6.9524513h-2.4602214l3.5694542 10.1913443-.3270815.879527c-.1706512.5025869-.3981861.8516055-.6968257 1.0610167-.2844186.2094112-.7252676.3210971-1.2941049.3210971l-.426628-.0279214v1.7869754c.3981861.111686.7679304.1675289 1.0950119.1675289 1.478977 0 2.5313261-.8655662 3.1570471-2.5827379L101 27.0648764h-2.4317796l-2.0762563 6.9524513zm-8.4472343-10.5264022c-.6257211.6142728-.9385816 1.4937998-.9385816 2.6385809v.93537h-1.5500818v1.703211h1.5500818v8.5439763h2.2753493v-8.5439763h2.0620353v-1.703211h-2.0620353v-.9074485c0-1.1308204.5403955-1.6892502 1.6354073-1.6892502.3270815 0 .6257211.0279215.867477.0698037l.0568837-1.8009362c-.4550699-.1116859-.8674769-.1675289-1.279884-.1675289-1.1092328-.0139607-1.9909307.3071364-2.6166517.9214092zm-4.4653731-.9353699v2.0103473h-2.2753493v-2.0103473h2.2753493z"
-            />
-            <path
-              fill="#BCBCBC"
-              d="M47 18.7088317v-5.6276635h1.9325768c.6880007 0 1.2548842.2196674 1.7006675.6590087s.6686716 1.0030039.6686716 1.6910047v.931502c0 .6905775-.2228883 1.2542401-.6686716 1.6910046s-1.0126668.6551435-1.7006675.6551435H47zm1.1286248-4.7580039v3.8922096h.7459747c.4045547 0 .7214941-.1365674.9508277-.4097063.2293336-.2731389.3439987-.6300178.3439987-1.0706475v-.9392323c0-.4354762-.1146651-.7897784-.3439987-1.0629173-.2293336-.2731388-.546273-.4097062-.9508277-.4097062h-.7459747zm8.5072029 2.2843057h-2.3306876v1.6079039h2.7249333v.8657943h-3.8535581v-5.6276635h3.8458278v.8696596h-2.717203v1.4146461h2.3306876v.8696596zm3.2042123.4328972v2.040801h-1.1286249v-5.6276635h2.2417891c.6467722 0 1.155679.1649116 1.5267356.4947397.3710566.3298281.5565821.7640093.5565821 1.3025567s-.1855255.9714403-.5565821 1.2986916c-.3710566.3272513-.8799634.4908745-1.5267356.4908745H59.84004zm0-.8696596h1.1131642c.3143674 0 .5527161-.0856767.7150534-.2570327.1623372-.171356.2435047-.389735.2435047-.6551435 0-.2705621-.0805233-.4940946-.2415721-.6706041-.1610489-.1765096-.4000418-.264763-.716986-.264763H59.84004v1.8475433zm6.1455941 2.0446663h2.5046194v.8657943h-3.6332443v-5.6276635h1.1286249v4.7618692zm8.4414952-1.4417023c0 .6905775-.218379 1.2613262-.6551435 1.712263S72.7676936 18.79 72.0693857 18.79c-.6931543 0-1.2561727-.2254651-1.6890721-.6764019-.4328994-.4509368-.6493458-1.0216855-.6493458-1.712263v-1.0126702c0-.6880008.2158023-1.2581052.6474132-1.7103305C70.809992 13.2261092 71.3723662 13 72.0655205 13c.6983079 0 1.2664798.2261092 1.7045327.6783344.4380529.4522253.6570761 1.0223297.6570761 1.7103305v1.0126702zm-1.1286248-1.0204005c0-.438053-.1095116-.7975086-.328538-1.0783779-.2190265-.2808692-.5205055-.4213017-.904446-.4213017s-.6815543.1397883-.8928504.4193692c-.2112961.2795808-.3169426.6396807-.3169426 1.0803104v1.0204005c0 .4457833.1069348.8091041.3208077 1.0899733.2138729.2808692.5114868.4213017.8928505.4213017.3865173 0 .6879962-.1404325.9044459-.4213017.2164497-.2808692.3246729-.64419.3246729-1.0899733v-1.0204005zm4.7657343.2937516h.0231909l1.2291188-2.593518h1.2368491l-1.9325767 3.6487049v1.9789586h-1.1247597v-2.0369359l-1.8977904-3.5907276H76.83512l1.2291188 2.593518zm6.9881975 1.5653872c0-.2164497-.0766581-.3903798-.2299766-.5217957-.1533185-.1314159-.421944-.2550996-.8058845-.3710548-.6699633-.1932586-1.1762933-.4225887-1.5190053-.6879973-.342712-.2654085-.5140655-.6287293-.5140655-1.0899733 0-.4612439.1964767-.8380926.589436-1.1305574C82.9658996 13.1462302 83.4677203 13 84.0784176 13c.6184277 0 1.122181.1642674 1.5112751.4928071.389094.3285397.5771963.7337325.5643124 1.2155908l-.0077303.0231909h-1.0938385c0-.260255-.0869651-.4709038-.2608978-.6319526-.1739328-.1610489-.4180792-.2415721-.7324466-.2415721-.3014835 0-.5346788.0669953-.6995928.200988-.164914.1339926-.2473698.305346-.2473698.5140654 0 .1906818.0882534.347219.264763.4696161.1765095.1223972.4812094.2518785.9141088.388448.6210044.1726443 1.0912601.4006861 1.410781.6841321.319521.283446.4792791.6557854.4792791 1.1170294 0 .4818582-.1900349.8619278-.5701102 1.1402203-.3800753.2782924-.8818961.4174366-1.5054773.4174366-.6132741 0-1.1479483-.1578256-1.6040387-.4734813-.4560904-.3156558-.6776903-.7582115-.6648064-1.3276803l.0077303-.0231909h1.0977036c0 .3349816.1024256.5804164.3072797.7363117.2048542.1558954.4902285.2338418.8561315.2338418.3066371 0 .5411207-.0631302.703458-.1893925.1623372-.1262623.2435046-.295039.2435046-.5063351zm5.9330107 1.4687583v-5.6276635h1.9016555c.6622329 0 1.17887.1288372 1.5499266.3865154.3710566.2576782.5565821.6429013.5565821 1.1556809 0 .2602549-.0689279.492806-.2067857.6976602-.1378579.2048541-.3381997.3588146-.6010314.4618858.3375584.0721499.5907234.2267545.7595026.4638185.1687793.2370639.2531676.511487.2531676.8232776 0 .5385475-.1777953.9463171-.5333912 1.2233211-.3555959.2770041-.8593492.415504-1.511275.415504H90.985447zm1.1286248-2.4891588v1.6233645h1.0397263c.2989067 0 .5269485-.0650628.6841322-.1951903.1571837-.1301275.2357743-.322739.2357743-.5778405 0-.2757156-.0669953-.4863644-.200988-.6319526-.1339926-.1455881-.3452856-.2183811-.6338851-.2183811h-1.1247597zm0-.780761h.8116822c.3014835 0 .5333904-.0618419.6957277-.1855274.1623372-.1236855.2435046-.3040576.2435046-.5411215 0-.260255-.0818116-.4522223-.2454372-.5759079-.1636257-.1236855-.4077721-.1855273-.7324466-.1855273h-.7730307v1.4880841zm6.3968291.2357743h.0231909l1.2291188-2.593518h1.2368494l-1.932577 3.6487049v1.9789586h-1.1247597v-2.0369359l-1.8977904-3.5907276h1.2368491l1.2291189 2.593518z"
-            />
-          </g>
-        </svg>
+          src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg"
+          alt="Deploys by Netlify"
+        />
       </a>
     </div>
   </div>

diff --git a/components/common/ui/VHeader.vue b/components/common/ui/VHeader.vue
@@ -28,7 +28,7 @@
         <span>
           {{ map.zoom.toFixed(2) }}
         </span>
-        <span class="opacity-50">
+        <span class="opacity-75">
           [{{ map.latitude.toFixed(2) }}, {{ map.longitude.toFixed(2) }}]
         </span>
       </div>

diff --git a/pages/index.vue b/pages/index.vue
@@ -36,6 +36,7 @@
         <span class="relative z-0 inline-flex rounded-full shadow">
           <button
             type="button"
+            aria-label="Toggle Marker(s)"
             class="relative visible inline-flex items-center px-3 py-1.5 rounded-l-full border border-gray-300 border-opacity-25 bg-opacity-75 dark:bg-opacity-50 text-sm font-medium focus:z-10 focus:outline-none focus:ring-0 focus:ring-indigo-500 focus:border-indigo-500 active:ring-0"
             :class="{
               'bg-indigo-800 text-gray-50': expenseStore.$state.map.ui.isMarker,
@@ -60,6 +61,7 @@
           </button>
           <button
             type="button"
+            aria-label="Toggle Cluster(s)"
             class="-ml-px relative visible inline-flex items-center px-3 py-1.5 border border-gray-300 border-opacity-25 bg-opacity-75 dark:bg-opacity-50 text-sm font-medium focus:z-10 focus:outline-none focus:ring-0 focus:ring-indigo-500 focus:border-indigo-500 active:ring-0"
             :class="{
               'bg-indigo-800 text-gray-50':
@@ -83,6 +85,7 @@
           </button>
           <button
             type="button"
+            aria-label="Toggle Heatmap"
             class="-ml-px relative visible inline-flex items-center px-3 py-1.5 rounded-r-full border border-gray-300 border-opacity-25 bg-opacity-75 dark:bg-opacity-50 text-sm font-medium focus:z-10 focus:outline-none focus:ring-0 focus:ring-indigo-500 focus:border-indigo-500 active:ring-0"
             :class="{
               'bg-indigo-800 text-gray-50 ':