diff --git a/apps/www/app/partners/catalog/IntegrationsContent.tsx b/apps/www/app/partners/catalog/IntegrationsContent.tsx
index ea16dd79c24..1c6de11d98f 100644
--- a/apps/www/app/partners/catalog/IntegrationsContent.tsx
+++ b/apps/www/app/partners/catalog/IntegrationsContent.tsx
@@ -154,7 +154,7 @@ export default function IntegrationsContent({
   // Uses wrapping <label> elements (no id/htmlFor) to avoid duplicate HTML IDs in the DOM.
   const filtersPanel = (
     <div className="flex flex-col gap-4">
-      <div className="flex flex-col gap-2.5">
+      <div role="group" aria-label="Categories" className="flex flex-col gap-2.5">
         <h2 className="text-xs font-mono uppercase text-foreground-lighter">Categories</h2>
         {allCategories.map((category) => {
           const Icon = getCategoryIcon(category.slug)
@@ -212,7 +212,7 @@ export default function IntegrationsContent({
         <div className="relative grid md:grid-cols-4 md:gap-4">
           {/* Left sidebar — sticky search + filters */}
           <div className="relative w-full h-full">
-            <div className="mb-4 flex flex-col gap-4 sticky top-20">
+            <aside aria-label="Filters" className="mb-4 flex flex-col gap-4 sticky top-20">
               {/* Search bar + mobile filter trigger */}
               <div className="flex gap-2">
                 <InputGroup className="flex-1">
@@ -259,7 +259,7 @@ export default function IntegrationsContent({
 
               {/* Desktop-only filter panel */}
               <div className="hidden md:block">{filtersPanel}</div>
-            </div>
+            </aside>
           </div>
 
           {/* Right: content */}
@@ -308,7 +308,7 @@ export default function IntegrationsContent({
 
             {/* Toolbar: count + view toggle */}
             <div className="flex items-center justify-between gap-2">
-              <span className="text-foreground-muted text-xs">
+              <span aria-live="polite" className="text-foreground-muted text-xs">
                 {listPartners.length} partner{listPartners.length !== 1 ? 's' : ''}
               </span>
               <ToggleGroup
diff --git a/apps/www/pages/features.tsx b/apps/www/pages/features.tsx
index 274e109efc2..c7c892e89e3 100644
--- a/apps/www/pages/features.tsx
+++ b/apps/www/pages/features.tsx
@@ -202,7 +202,7 @@ function FeaturesPage() {
         </SectionContainer>
         <SectionContainer className="relative grid md:grid-cols-4 md:gap-4 pt-0!">
           <div className="relative w-full h-full">
-            <div className="mb-4 flex flex-col gap-4 sticky top-20">
+            <aside aria-label="Filters" className="mb-4 flex flex-col gap-4 sticky top-20">
               <InputGroup className="w-full">
                 <InputGroupAddon>
                   <Search />
@@ -229,8 +229,14 @@ function FeaturesPage() {
                 </label>
               </div>
               <div className="hidden md:flex flex-col gap-4">
-                <h2 className="text-sm text-foreground-lighter">Filter by tags:</h2>
-                <div className="flex flex-col gap-2.5">
+                <h2 id="feature-tag-filters" className="text-sm text-foreground-lighter">
+                  Filter by tags:
+                </h2>
+                <div
+                  role="group"
+                  aria-labelledby="feature-tag-filters"
+                  className="flex flex-col gap-2.5"
+                >
                   {products
                     .sort((a, b) => (a.toLowerCase() > b.toLowerCase() ? 1 : -1))
                     .map((product) => (
@@ -249,8 +255,12 @@ function FeaturesPage() {
                       </label>
                     ))}
                 </div>
-                <div className="text-foreground-muted text-xs">
-                  Features selected: {filteredFeatures.length}
+                <div
+                  aria-live="polite"
+                  aria-atomic="true"
+                  className="text-foreground-muted text-xs"
+                >
+                  {`${filteredFeatures.length} features selected`}
                 </div>
               </div>
               {HAS_ACTIVE_FILTERS && (
@@ -267,7 +277,7 @@ function FeaturesPage() {
                   Clear all filters
                 </Button>
               )}
-            </div>
+            </aside>
           </div>
           <div className="md:col-span-3 min-w-0 flex flex-col gap-4 md:gap-6">
             <div className="flex items-center justify-between gap-2">