refactor: update text

src/App/config.tsx

@@ -12,28 +12,28 @@ export const config: Config = {
     {
       name: 'github',
       display: 'GitHub',
-      aria: 'GitHub profile (opens in new window)',
+      ariaLabel: 'GitHub profile (opens in new window)',
       icon: <GitHub />,
       href: 'https://github.com/adamalston/',
     },
     {
       name: 'linked-in',
       display: 'LinkedIn',
-      aria: 'LinkedIn profile (opens in new window)',
+      ariaLabel: 'LinkedIn profile (opens in new window)',
       icon: <LinkedIn />,
       href: 'https://www.linkedin.com/in/adam-alston/',
     },
     {
       name: 'resume',
       display: 'Resume',
-      aria: 'Resume in Google Drive (opens in new window)',
+      ariaLabel: 'Resume in Google Drive (opens in new window)',
       icon: <Resume />,
       href: 'https://drive.google.com/file/d/1VQ_Oeim_e92QEMi64ejGWY5Hf4RRxfeJ/view',
     },
     {
       name: 'email',
       display: 'Email',
-      aria: 'Email contact (opens in new window)',
+      ariaLabel: 'Email contact (opens in new window)',
       icon: <Email />,
       href: 'mailto:aalston9@gmail.com',
     },

src/appearance/themes.ts

@@ -1,7 +1,7 @@
 import { Themes } from 'types';
 
 // Enhance contrast by using white and black text with reduced opacity over
-// colored backgrounds instead of grey.
+// colored backgrounds instead of gray.
 // https://m2.material.io/design/color/text-legibility.html#text-backgrounds
 export const themes: Themes = {
   dark: {

src/components/Buttons.tsx

@@ -93,12 +93,12 @@ export const Buttons = () => {
 
   return (
     <Container $theme={theme}>
-      {config.buttons.map(({ name, display, aria, icon, href }) => (
+      {config.buttons.map(({ name, display, ariaLabel, icon, href }) => (
         <span className="button-container" key={name}>
           <a
             data-v2={`button-${display}`}
             className="button"
-            aria-label={aria}
+            aria-label={ariaLabel}
             href={href}
             rel="noopener noreferrer"
             target="_blank"

src/types/config.interface.ts

@@ -4,7 +4,7 @@ export interface Content {
 
 export interface Button extends Content {
   name: string;
-  aria: string;
+  ariaLabel: string;
   icon: JSX.Element;
   href: string;
 }