diff --git a/src/app/HomePage.js b/src/app/HomePage.js index d75ceaf..0ad9cba 100644 --- a/src/app/HomePage.js +++ b/src/app/HomePage.js @@ -81,7 +81,13 @@ function StartOutfitForm() { }} /> - @@ -158,6 +164,7 @@ function SubmitPetForm() { onChange={(e) => setPetName(e.target.value)} isDisabled={loading} placeholder="Enter a pet's name" + aria-label="Enter a pet's name" borderColor="green.600" _hover={{ borderColor: "green.400" }} boxShadow="md" @@ -174,6 +181,8 @@ function SubmitPetForm() { variantColor="green" isDisabled={!petName} isLoading={loading} + backgroundColor="green.600" // for AA contrast + _hover={{ backgroundColor: "green.700" }} > Start diff --git a/src/app/Item.js b/src/app/Item.js index 42593bf..2c42c0b 100644 --- a/src/app/Item.js +++ b/src/app/Item.js @@ -143,7 +143,7 @@ function ItemThumbnail({ src, isWorn }) { }, ])} > - + ); } diff --git a/src/app/ItemsPanel.js b/src/app/ItemsPanel.js index 1b850cf..bb91385 100644 --- a/src/app/ItemsPanel.js +++ b/src/app/ItemsPanel.js @@ -100,33 +100,37 @@ function ItemZoneGroup({ zoneLabel, items, outfitState, dispatchToOutfit }) { {zoneLabel} - {items.map((item) => ( - - - - ))} + {items.map((item) => { + const itemNameId = + zoneLabel.replace(/ /g, "-") + `-item-${item.id}-name`; + return ( + + + + ); + })}