{"id":200407,"date":"2026-09-24T12:43:05","date_gmt":"2026-09-24T16:43:05","guid":{"rendered":"https:\/\/midatlanticconsulting.com\/blog\/?p=200407"},"modified":"2026-09-24T12:43:05","modified_gmt":"2026-09-24T16:43:05","slug":"how-to-add-borders-around-system-elements-on-iphone-ipad-mac","status":"publish","type":"post","link":"https:\/\/midatlanticconsulting.com\/blog\/2026\/09\/how-to-add-borders-around-system-elements-on-iphone-ipad-mac\/","title":{"rendered":"How to add borders around system elements on iPhone, iPad, Mac"},"content":{"rendered":"\n<p>In this brief tutorial, we show you how to enable a buried accessibility feature to add border around interface elements like buttons, app toolbar, windows, etc., or make them easier to see.<span id=\"more-1062333\"><\/span><\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062332\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-Borders-feature-added-in-macOS-27-Golden-Gate.jpg\" alt=\"Show Borders feature added in macOS 27 Golden Gate\" width=\"1920\" height=\"1080\" \/> <\/p>\n<p>If you have difficulty distinguishing between the buttons, controls, and window boundaries on macOS, iOS, or watchOS, there is a lesser-known &#8216;Show Borders&#8217; toggle that can help.<\/p>\n<p>Turning it on adds a thin border or colored shade around certain elements, so you can easily differentiate them from the background (which could be transparent or translucent). In some app elements, enabling this can also show underlines, as shown in the screenshot below.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062327\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Some-elements-are-underlined-when-Show-Borders-is-enabled-on-iPhone.png\" alt=\"Some elements are underlined when Show Borders is enabled on iPhone\" width=\"1676\" height=\"545\" \/> <\/p>\n<p>The <em>Show Borders<\/em> feature was recently added to Mac with the latest <a href=\"https:\/\/www.idownloadblog.com\/2026\/06\/17\/macos-27-bootable-usb-installer\/\">macOS 27 Golden Gate update<\/a>. But on the iPhone side of things, I also see this on my device running iOS 26.<\/p>\n<h2>Mac<\/h2>\n<ol>\n<li>Update your Mac to macOS 27 Golden Gate.<\/li>\n<li>Open <strong>System Settings<\/strong>.<\/li>\n<li>Select <strong>Accessibility<\/strong>.<\/li>\n<li>Click <strong>Display<\/strong>.<\/li>\n<li>Turn on <strong>Show Borders<\/strong>.<\/li>\n<\/ol>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062330\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-Borders-enabled-in-macOS-27-Golden-Gate-settings.png\" alt=\"Show Borders enabled in macOS 27 Golden Gate settings\" width=\"1480\" height=\"1010\" \/> <\/p>\n<p>You&#8217;ll instantly see a dark thin border around the System Settings search bar, navigation buttons, and more. Similarly, the top toolbar in apps like Pages will also get a clearly distinguishable boundary.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062331\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-Borders-effect-in-app-toolbar-on-macOS-27-Golden-Gate.jpg\" alt=\"Show Borders effect in app toolbar on macOS 27 Golden Gate\" width=\"2574\" height=\"668\" \/> <\/p>\n<p><em>Note:<\/em> macOS 26 Tahoe has a <strong>Show Toolbar Button Shapes<\/strong> option in macOS Accessibility settings, which is no longer there on macOS 27; I think the Show Borders option makes up for it.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062329\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-toolbar-button-shapes-in-Mac-settings.png\" alt=\"Show toolbar button shapes in Mac settings\" width=\"1446\" height=\"1076\" \/> <\/p>\n<h2>iPhone or iPad<\/h2>\n<ol>\n<li>Open iOS <strong>Settings<\/strong>.<\/li>\n<li>Tap <strong>Accessibility<\/strong>.<\/li>\n<li>Tap <strong>Display &amp; Text Size<\/strong>.<\/li>\n<li>Turn on <strong>Show Borders<\/strong>.<\/li>\n<\/ol>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062328\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-Borders-switched-on-in-iPhone-settings.png\" alt=\"Show Borders switched on in iPhone settings\" width=\"1676\" height=\"1665\" \/> <\/p>\n<p>Unlike macOS, you may not see many changes on this screen. But notice the back button, which drops Liquid Glass shine for a proper border.<\/p>\n<p>Then, in the iOS Files app, you&#8217;ll notice gray circles behind the arrows, as shown in the screenshot below.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062325\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Circular-background-after-enabling-Show-Borders-in-iOS-settings.png\" alt=\"Circular background after enabling Show Borders in iOS settings\" width=\"1675\" height=\"1111\" \/> <\/p>\n<p>You&#8217;ll notice several such minor changes throughout iOS and most apps.<\/p>\n<h2>Apple Watch<\/h2>\n<ol>\n<li>Open watchOS <strong>Settings<\/strong>.<\/li>\n<li>Tap <strong>Accessibility<\/strong>.<\/li>\n<li>Turn on <strong>Show Borders<\/strong>.<\/li>\n<\/ol>\n<p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1062334\" src=\"https:\/\/media.idownloadblog.com\/wp-content\/uploads\/2026\/09\/Show-Borders-enabled-on-Apple-Watch.png\" alt=\"Show Borders enabled on Apple Watch\" width=\"1680\" height=\"878\" \/> <\/p>\n<p>If you still have trouble seeing things, <a href=\"https:\/\/www.idownloadblog.com\/2026\/06\/18\/adjust-liquid-glass-ios-macos\/\">adjust the Liquid Glass level throughout the interface<\/a>.<\/p>\n<p>And if that&#8217;s not enough, you can turn on Increase Contrast and <a href=\"https:\/\/www.idownloadblog.com\/2013\/10\/26\/how-to-get-rid-of-the-blur-effects-in-ios-7\/\">Reduce Transparency<\/a>, which should certainly help.<\/p>\n<p>Source link: https:\/\/www.idownloadblog.com\/2026\/09\/24\/show-borders-ios-macos\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this brief tutorial, we show you how to enable a buried accessibility feature to add border around interface elements like buttons, app toolbar, windows, etc., or make them easier to see. If you have difficulty distinguishing between the buttons, controls, and window boundaries on macOS, iOS, or watchOS, there is a lesser-known &#8216;Show Borders&#8217;&#8230;<\/p>\n","protected":false},"author":29,"featured_media":200408,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1,12],"tags":[],"class_list":["post-200407","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allnews","category-appleindustrynews"],"_links":{"self":[{"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/posts\/200407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/comments?post=200407"}],"version-history":[{"count":1,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/posts\/200407\/revisions"}],"predecessor-version":[{"id":200409,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/posts\/200407\/revisions\/200409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/media\/200408"}],"wp:attachment":[{"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/media?parent=200407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/categories?post=200407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/midatlanticconsulting.com\/blog\/wp-json\/wp\/v2\/tags?post=200407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}