keepsimpleio · MaryWylde · Aug 5, 2026 · Aug 5, 2026 · Aug 5, 2026
diff --git a/src/components/Box/Box.tsx b/src/components/Box/Box.tsx
@@ -38,7 +38,7 @@ const Box: FC<CookiesBoxProps> = ({ setIsSeen }) => {
           >
             <Image
               src="/keepsimple_/assets/cookies/close.svg"
-              alt=""
+              alt="Close cookie notice"
               width={26}
               height={26}
               className={styles.closeIcon}

diff --git a/src/components/SeoGenerator/SeoGenerator.tsx b/src/components/SeoGenerator/SeoGenerator.tsx
@@ -163,8 +163,11 @@ const SeoGenerator: FC<SeoGeneratorProps> = ({
     return clean;
   }
 
+  // A lone "/" here yields .../ru/ or .../hy/, which 308-redirects to the
+  // slashless form and makes the canonical point at a redirect.
+  const canonicalPath = cleanURL(alternateLink).replace(/^\/(?=$|[?#])/, '');
   const originalUrl =
-    process.env.NEXT_PUBLIC_DOMAIN + localePath + cleanURL(alternateLink);
+    process.env.NEXT_PUBLIC_DOMAIN + localePath + canonicalPath;
   const favIcon = `${process.env.NEXT_PUBLIC_DOMAIN}${favIconPath}`;
   const schema = generateSchema(
     title,

diff --git a/src/components/longevity/EnvironmentSubSection/EnvironmentSubSection.tsx b/src/components/longevity/EnvironmentSubSection/EnvironmentSubSection.tsx
@@ -25,7 +25,7 @@ const EnvironmentSubSection: FC<EnvironmentSubSectionProps> = ({
       })}
     >
       <div className={styles.titleAndIcon}>
-        <Image src={iconUrl} alt={''} width={24} height={24} unoptimized />
+        <Image src={iconUrl} alt={name} width={24} height={24} unoptimized />
         <span className={styles.title}> {name}</span>
       </div>
       <hr className={styles.hr} />

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -22,7 +22,7 @@ const Custom404: FC<Custom404Props> = ({ intl, locale }) => {
   return (
     <Fragment>
       <Head>
-        <meta name="robots" content={'index, follow'} />
+        <meta name="robots" content={'noindex, follow'} />
         <title>Keepsimple | Error Page</title>
         <link rel="shortcut icon" href={'/keepsimple_/assets/favicon.svg'} />
         <meta name="description" content={'404 page - page not found'} />

diff --git a/src/uxcore/components/SeoGenerator/SeoGenerator.tsx b/src/uxcore/components/SeoGenerator/SeoGenerator.tsx
@@ -181,8 +181,11 @@ const SeoGenerator: FC<SeoGeneratorProps> = ({
     return clean;
   }
 
+  // A lone "/" here yields .../ru/ or .../hy/, which 308-redirects to the
+  // slashless form and makes the canonical point at a redirect.
+  const canonicalPath = cleanURL(alternateLink).replace(/^\/(?=$|[?#])/, '');
   const originalUrl =
-    process.env.NEXT_PUBLIC_DOMAIN + localePath + cleanURL(alternateLink);
+    process.env.NEXT_PUBLIC_DOMAIN + localePath + canonicalPath;
   const metaDescription = isBiasHrView
     ? hrDescriptionRandom[0]
     : stripHTML(description);

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx
@@ -123,6 +123,7 @@ const BiasPanel = forwardRef<HTMLDivElement, BiasPanelProps>(
           <div className={styles.Header}>
             <FlagImage
               countryCode={country.id}
+              countryName={country.name}
               size={40}
               className={styles.HeaderFlag}
             />

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx
@@ -120,7 +120,7 @@ const CountryList: FC<CountryListProps> = ({
                 [styles.CardSelected]: isSelected,
               })}
             >
-              <FlagImage countryCode={c.id} size={18} />
+              <FlagImage countryCode={c.id} countryName={c.name} size={18} />
               <span className={styles.CardName}>{c.name}</span>
               <span className={styles.CardConfidence}>
                 {Math.round(c.confidence * 100)}%

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx
@@ -434,7 +434,11 @@ const CountryMap: FC<CountryMapProps> = ({
           }}
         >
           <div className={styles.TooltipHead}>
-            <FlagImage countryCode={hoveredData.id} size={16} />
+            <FlagImage
+              countryCode={hoveredData.id}
+              countryName={hoveredData.name}
+              size={16}
+            />
             <span className={styles.TooltipName}>{hoveredData.name}</span>
           </div>
           <div className={styles.TooltipMeta}>

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/FlagImage/FlagImage.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/FlagImage/FlagImage.tsx
@@ -5,6 +5,7 @@ import styles from './FlagImage.module.scss';
 
 interface FlagImageProps {
   countryCode: string;
+  countryName?: string;
   size?: number;
   className?: string;
 }
@@ -20,6 +21,7 @@ const codeToEmoji = (code: string): string => {
 
 const FlagImage: FC<FlagImageProps> = ({
   countryCode,
+  countryName,
   size = 20,
   className = '',
 }) => {
@@ -58,7 +60,7 @@ const FlagImage: FC<FlagImageProps> = ({
       srcSet={`https://flagcdn.com/w${cdnW2x}/${code}.png 2x`}
       width={w}
       height={size}
-      alt=""
+      alt={`Flag of ${countryName || countryCode.toUpperCase()}`}
       className={cn(styles.Flag, className)}
       style={{ width: w, height: size }}
       loading="lazy"