ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Inaccessible site come out of @figma.com's new Figma Sites? Blame the designer! They didn't choose the right HTML tags. help.figma.com/hc/en-us/art... Wait, what's that note say? Some tags like button not available... WE CAN'T MAKE BUTTONS????? What is even going on here #a11y #accessibility

May 8, 2025, 1:51 PM

Record data

{
  "uri": "at://did:plc:6pjsxq4f4wvihelm4lphbk5e/app.bsky.feed.post/3loo2mj6wa22s",
  "cid": "bafyreidwytzycxwwhgaqrayjwdu76q33rpgrb4gbpyperfpakomjkhgrai",
  "value": {
    "text": "Inaccessible site come out of @figma.com's new Figma Sites? Blame the designer! They didn't choose the right HTML tags.\n\nhelp.figma.com/hc/en-us/art...\n\nWait, what's that note say? Some tags like button not available... WE CAN'T MAKE BUTTONS????? What is even going on here\n\n#a11y #accessibility",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.recordWithMedia",
      "media": {
        "$type": "app.bsky.embed.images",
        "images": [
          {
            "alt": "Top of the linked help article.\n\nBreadcrumb: Figma Sites / Design a site / Improve the accessibility of your site.\n\nFigma Sites was released in open beta at Config 2025. It is currently available on all paid plans, with a limited Starter plan experience coming soon. Learn more about what’s included in the beta.\n\nWho can use this feature\n- Available on all paid plans\n- Requires edit access to the file\n\nYou can enhance your site's accessibility by selecting the appropriate HTML tags for each element in your design.\n\nThis makes your site more usable for people who rely on screen readers or keyboard navigation. Using semantic HTML provides a clearer structure, which can also improve your site's search engine optimization (SEO).",
            "image": {
              "$type": "blob",
              "ref": {
                "$link": "bafkreihdvq4lzujnglkcyqvc34gmkz3uo2fveavrwvxwfgwbhbbiupkblu"
              },
              "mimeType": "image/jpeg",
              "size": 414341
            },
            "aspectRatio": {
              "width": 1920,
              "height": 1576
            }
          },
          {
            "alt": "A note from the bottom of the linked help article.\n\nSome tags -- like button -- are not yet available in Figma Sites.",
            "image": {
              "$type": "blob",
              "ref": {
                "$link": "bafkreifz2slci5q3zwdhg4bxxy5czb7gi3tclzfuyt4fzckmbjiciyxm4e"
              },
              "mimeType": "image/jpeg",
              "size": 723014
            },
            "aspectRatio": {
              "width": 1952,
              "height": 654
            }
          }
        ]
      },
      "record": {
        "$type": "app.bsky.embed.record",
        "record": {
          "cid": "bafyreicp7cb7exvijuicp2fm3gz7ekmv4jgsgvoia7a2m4dofdllocuiy4",
          "uri": "at://did:plc:6pjsxq4f4wvihelm4lphbk5e/app.bsky.feed.post/3lonw7uqm7s2i"
        }
      }
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 40,
          "byteStart": 30
        },
        "features": [
          {
            "did": "did:plc:z7mxys3ms5slfb26r5vmtve2",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 151,
          "byteStart": 121
        },
        "features": [
          {
            "uri": "https://help.figma.com/hc/en-us/articles/31242789265431-Improve-the-accessibility-of-your-site",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 280,
          "byteStart": 275
        },
        "features": [
          {
            "tag": "a11y",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 295,
          "byteStart": 281
        },
        "features": [
          {
            "tag": "accessibility",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      }
    ],
    "createdAt": "2025-05-08T13:51:19.506Z"
  }
}